Grid System

12-column grid with token-driven gutters. Columns and gutter widths adapt across breakpoints.

12-column baseline

1
2
3
4
5
6
7
8
9
10
11
12
Show code

Two equal columns (6 + 6)

6 cols
6 cols
Show code

Sidebar layout (3 + 9)

3 cols
9 cols
Show code

Three equal columns (4 + 4 + 4)

4 cols
4 cols
4 cols
Show code

Four equal columns (3 + 3 + 3 + 3)

3 cols
3 cols
3 cols
3 cols
Show code