Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

 
 
iOS-Logo

iOS


 
 


5 Column Layout
Primary layout is a 5 column layout with 57pt columns and 15pt gutters.

Primary layout is a 5 column layout with 57pt columns and 15pt gutters.

 
5pt Baseline Grid iOS designs are designed @1x, 375x667. The grid is a 5pt grid with 75 squares across. Elements and spacing should be in multiples of 5.  

5pt Baseline Grid
iOS designs are designed @1x, 375x667. The grid is a 5pt grid with 75 squares across. Elements and spacing should be in multiples of 5.
 

Android


 
 


4 Column Layout
Primary layout is a 4 column layout with 74dp columns and 16dp gutters. 

 
8dp Baseline Grid Android designs are designed @mdpi, 375x640. All components align to an 8dp square baseline grid. Iconography in toolbars align to a 4dp square baseline grid.

8dp Baseline Grid
Android designs are designed @mdpi, 375x640. All components align to an 8dp square baseline grid. Iconography in toolbars align to a 4dp square baseline grid.