Grids & Spacing

Grids provide consistent spacing of components.

Spacing

Spacing is based on grids for vertical and horizontal rhythm. When spacing out components use a figure of 4 at small sizes and 8 at large sizes to keep consistency.

Grids-Spacing-Scale

 

Margins

 

Native app: 16px

Grids-Spacing-Gutters-Native-App-Left-Right
Grids-Spacing-Gutters-Native-App-Sections

 

Tablet: 24px

Grids-Spacing-Gutters-Tablet

 

Web: 24px

Grids-Spacing-Gutters-Web

© 2025 Designbase. Page last updated on Dec 5, 2024, 23:58