The challenge was to create a design for the Royal Architecture Institute of Canada’s Syllabus application and student portal. The main idea was to create a user-friendly and simple design and navigation for students and keep the branding of RAIC’s main website.
Typography
H1 Roboto Slab Bold 25px
H2 Roboto Slab Bold 20px
B1 Roboto Slab Regular 15px
B12 Open Sans Regular 15px
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Grids
The whole website was created using Bootstrap grid system. Bootstrap’s grid system uses a series of containers, rows, and columns to layout and aligns content. It’s built with flexbox and is fully responsive. Below is an example of the extra large grid I’ve used for this website.