Index › Foundations › Tokens › Grid
12 cols · 2 breakpoints
Tokens · Grid
The grid.
A 12-column grid on two breakpoints carries every layout — two columns on tablet, the full shell with sidebars on desktop.
12 columns
Equal tracks, flexible widths — span any count from one to twelve.
Gutters sit at 24px between columns; page margins hold steady at 32px. Columns flex with the viewport while the gutter stays fixed — the rhythm reads the same on every screen.