Skip to main content

Web Environment

Spacing

Spacing tokens serve as the building blocks for maintaining consistency in components, grids, and page layouts. Our base unit is 8, and the spacing scale uses multiples of the base unit.

Untitled

Grid

Our web grid system is flexible. We typically structure grids and layouts based on our spacing scale.

Commonly used web grids:

  • Desktop: 24 / 16 columns
  • Tablet: 16 / 12 columns
  • Mobile: 2 columns

Gutter size - 16px.

image 1.png

Web Grid Templates

Logos templates
www.figma.com

Examples

Desktop

Tablet

Mobile