FoundationPartial
Spacing
A 4px base for controls and page composition.
System statusPartial
Reference scale: 4, 8, 12, 16, 24, 32, 48 and 64px. Compositions adapt density to available space.
Current state
Decisions that already exist and can be observed in the product.
8px between icon and text; 12–16px between controls; 24px inside cards; 48–64px between sections.
Observed values, not official tokens yet
4px8px12px16px24px32px48px64pxCurrent tokens
Values present today; documenting them does not make every value final.
| Token | Value | Current use |
|---|---|---|
| Spacing 4 | 4px | Composition scale |
| Spacing 8 | 8px | Composition scale |
| Spacing 12 | 12px | Composition scale |
| Spacing 16 | 16px | Composition scale |
| Spacing 24 | 24px | Composition scale |
| Spacing 32 | 32px | Composition scale |
| Spacing 48 | 48px | Composition scale |
| Spacing 64 | 64px | Composition scale |
What is missing
Gaps that prevent this foundation from being a stable rule.
The scale uses Tailwind utilities; not all compositions have semantic density tokens.
Next decisions
Recommended order for turning findings into a stable foundation.
- 01
Reserve room for shadows and focus; do not clip controls with overflow.