Spacing
8 + 4 px grid: one Tailwind step is 4px. Layout scope (blocks, apps) uses even steps (8px rhythm); control scope (primitives) may also use 4px half-steps. Enforced by ui8px lint.
Allowed steps per scope
- layout
- control
Scale
- 2 · 8px
- 3 · 12px
- 4 · 16px
- 5 · 20px
- 6 · 24px
- 8 · 32px
- 10 · 40px
- 12 · 48px
- 16 · 64px
- 20 · 80px
- 24 · 96px
- 28 · 112px