Layout units keep spacing consistent and balanced across the interface.
All dimensions scale from a single base unit to maintain visual rhythm.
8px (XS) – Micro spacing for icons and inline elements
16px (S) – Default spacing between related elements
24px – Base gap across most components
48px (M) – Spacing between columns and sections
60px (L) – Larger layout separation
120px (XL) – Section padding and major layout spacing
These units ensure predictable, scalable layouts across screens.