1.4 — Grid
Spacing
Every margin, padding, and gap comes from the same 4px-based scale. Components compose cleanly, layouts stay in rhythm, and there are no magic numbers to remember.
Base scale
00px
0.52px
14px
1.56px
28px
2.510px
312px
3.514px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
32128px
Semantic spacing
container-padding-x24pxPage container left/right padding
section-padding-y96pxVertical space between sections
section-title-gap-sm16pxTitle to body — small headings
section-title-gap-md20pxTitle to body — medium headings
section-title-gap-lg24pxTitle to body — large headings