Foundations
Spacing
A strict 4px grid. Twelve tokens cover every gap, margin, and padding need. Tight by default — Atlas is a devtool, not a consumer app.
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 spacing for common UI 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