Tokens
Spacing.
Tailwind v4 base (--spacing: 4px). p-N · gap-N · m-N resolve to N × 4px. No bespoke --space-* tokens; the brand anchors below are just the steps that matter most.
| Tailwind | Pixels | Bar | Used for |
|---|---|---|---|
| p-4 | 16 px | Mobile gutter · card padding | |
| p-6 | 24 px | Section row inner padding | |
| p-8 | 32 px | Desktop gutter · between feature columns | |
| p-11 | 44 px | Minimum touch target | |
| p-14 | 56 px | Section gap (top/bottom of a section group) |