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