Prepared Docs

Spacing tokens follow an 0.8rem backbone (--spacing-1). Multiply outward for larger rhythm; fractions (--spacing-05) handle micro adjustments.

Name	Type	Default	Description
`--spacing-05`	`dimension`	`0.4rem`	Tight inset for chips and inline meta.
`--spacing-1`	`dimension`	`0.8rem`	Default step used in `gap={1}` mappings.
`--spacing-2`	`dimension`	`1.6rem`	Comfortable padding inside cards.
`--spacing-3`	`dimension`	`2.4rem`	Section separation within features.
`--spacing-4`	`dimension`	`3.2rem`	Large gutters between regions.
`--spacing-5 … --spacing-10`	`dimension`	`4rem → 8rem`	Hero spacing and full-bleed layouts.

Principles

Components own inner padding; parents own outer gaps.
Use FlexBox gap instead of ad-hoc margins between siblings.
Avoid mixing arbitrary rem values—snap to the scale above.

Icons

Elevation

Principles

Spacing tokens follow an 0.8rem backbone (--spacing-1). Multiply outward for larger rhythm; fractions (--spacing-05) handle micro adjustments.

Name	Type	Default	Description
`--spacing-05`	`dimension`	`0.4rem`	Tight inset for chips and inline meta.
`--spacing-1`	`dimension`	`0.8rem`	Default step used in `gap={1}` mappings.
`--spacing-2`	`dimension`	`1.6rem`	Comfortable padding inside cards.
`--spacing-3`	`dimension`	`2.4rem`	Section separation within features.
`--spacing-4`	`dimension`	`3.2rem`	Large gutters between regions.
`--spacing-5 … --spacing-10`	`dimension`	`4rem → 8rem`	Hero spacing and full-bleed layouts.