Together with typography and grids, the layouts carry the most considerable visual weight of the Mobi Lab brand look & feel. The International Typography/Swiss Style inspires the layout style, emphasising cleanness, readability and objectivity. We utilise grids heavily together with flush left and ragged right text.
The grid system helps align page elements based on sequenced columns and rows. We use the multicolumn grids because it is one of the easiest ways to control a layout's structure and achieve a consistent and organised design.
We use a 12-column grid to have flexibility in creating designs that follow the 2/3/4 column layouts.
We use a 12-column grid to have flexibility in creating designs that follow the 2/3/4 column layouts.
We use a 12-column grid to have flexibility in creating designs that follow the 2/3/4 column layouts.
We love to create layouts that are legible and interesting for the viewer to consume. Applying the following principles could help you establish the visual rhythm.
We, humans, are designed to notice irregularities. We can make the user notice content by emphasising it through colour, size, contrast, and movement.
We, humans, are designed to notice irregularities. We can make the user notice content by emphasising it through colour, size, contrast, and movement.
We, humans, are designed to notice irregularities. We can make the user notice content by emphasising it through colour, size, contrast, and movement.
The biggest element of your design will be the first thing your audience notices, and the smallest detail will be at the lower end of the hierarchy list.
The biggest element of your design will be the first thing your audience notices, and the smallest detail will be at the lower end of the hierarchy list.
The biggest element of your design will be the first thing your audience notices, and the smallest detail will be at the lower end of the hierarchy list.
Contrast can highlight differences or add a focal point by using opposing colours, shades or textures. We like to use negative/white space around our content to aid legibility.
Contrast can highlight differences or add a focal point by using opposing colours, shades or textures. We like to use negative/white space around our content to aid legibility.
Contrast can highlight differences or add a focal point by using opposing colours, shades or textures. We like to use negative/white space around our content to aid legibility.
Make sure all your elements are visually connected. We do it by aligning them horizontally or vertically.
Make sure all your elements are visually connected. We do it by aligning them horizontally or vertically.
Make sure all your elements are visually connected. We do it by aligning them horizontally or vertically.