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.