Tier 0Foundations · the @putdotio/design token graph. Binds all four tiers, values only, never a component recipe.--yellow-solid · --font-mono · --text-secondary · --bg
--space-1
4
--space-2
8
--space-3
12
--space-4
16
--space-5
20
--space-6
24
--space-7
28
--space-8
32
--space-10
40
--space-12
48
--space-16
64
--space-32
128
--space-64
256
--space-128
512
Tailwind's 4px unit: --space-N is N × 4px, the same as p-N. Component padding mostly uses 4, 8, 12 and 16; layout gutters use 24, 32 and 64.