03 · foundations
9 scale tokensGrid & spacing.
12 columns · 24px gutters · 1280px max container · 4px base spacing. Density is high but never chaotic.
Grid
12 cols1
2
3
4
5
6
7
8
9
10
11
12
1280px max container
24px gutter
Spacing
9 tokensspace.14pxbadge ↔ text
space.28pxinternal gap
space.312pxchip padding
space.416pxdefault padding
space.624pxcard padding
space.832pxsection gap
space.1248pxblock separator
space.1664pxsection gap large
space.2496pxhero margin