Grid

We employ separate layouts for iOS and Android to adhere to best practices for each operating system and ensure that the app feels native to the platform.

 
 
iOS-Logo

iOS


iOS - My Day - White Frame.png
 
5 Column Layout Primary layout is a 5 column layout with 57pt columns and 15pt gutters. 


5 Column Layout
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. 


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.