Foundations
Spacing
Strict 4px grid. Twelve tokens handle every gap, margin, and padding. Defaults are compact to support data-heavy layouts.
Scale
--space-00px
--space-px1px
--space-0h2px
--space-14px
--space-1h6px
--space-28px
--space-312px
--space-416px
--space-520px
--space-624px
--space-832px
--space-1040px
Density guidance
Recommended values for common density decisions.
Stack gap
Tight:
Standard:
Section:
Area:
4pxStandard:
8pxSection:
16pxArea:
24–32pxPanel padding
Tight cards:
Standard panels:
Hero / landing:
12pxStandard panels:
16pxHero / landing:
24px