Spacing
Spacing scale based on a 4px grid for consistent layout and component sizing.
Spacing Scale
All spacing values are built on a 4px base unit. This ensures consistent rhythm across every component and layout. Multiply the base unit to reach any value in the scale.
The 4px Grid
Every spacing value is a multiple of 4px. This creates a predictable vertical and horizontal rhythm that aligns elements naturally. When in doubt, snap to the nearest 4px increment. The most commonly used values are 8, 16, 24, and 32 — covering most component padding, gaps, and margin needs.