02 / Foundations
Spacing
A 4-based scale. Use only these values for padding, margins, and gaps.
Scale
--spacing-xs4px--spacing-sm8px--spacing-md16px--spacing-lg24px--spacing-xl32px--spacing-2xl48px--spacing-3xl64pxNotes
xs(4px): icon-to-labelsm(8px): inline elementsmd(16px): paragraph spacing, control paddinglg(24px): card padding, section internalxl(32px): section-to-section2xl(48px): page top/bottom padding3xl(64px): major page sections