Foundations · spacing · 13-step scale

Spacing

Carbon's spacing scale, byte-equivalent. Components consume spacing-01..13 tokens (or their Tailwind equivalents p-2 / p-3 / …) — off-scale values are CI-flagged via the check-spacing-hygiene.ts script.

Scale

Token	Value	Visualization
`--spacing-01`	`2 px`
`--spacing-02`	`4 px`
`--spacing-03`	`8 px`
`--spacing-04`	`12 px`
`--spacing-05`	`16 px`
`--spacing-06`	`24 px`
`--spacing-07`	`32 px`
`--spacing-08`	`40 px`
`--spacing-09`	`48 px`
`--spacing-10`	`64 px`
`--spacing-11`	`80 px`
`--spacing-12`	`96 px`
`--spacing-13`	`160 px`