Spacing
All spacing derives from a 4px base unit, creating consistent rhythm across every element.
Spacing Scale
14px
Tight internal padding, icon gaps
28px
Standard element gap, compact padding
312px
Form field padding, small component spacing
416px
Default content padding, card internal
520px
Medium section spacing
624px
Card padding, comfortable spacing
732px
Section margins, large gaps
840px
Page-level margins
948px
Major section separation
1064px
Hero/marketing section spacing
Usage Guidelines
Micro (4-8px)
Icon gaps, inline spacing, compact UI
Small (12-16px)
Form fields, card padding, list items
Medium (20-32px)
Section spacing, content margins
Large (40-64px)
Page margins, hero spacing, major sections