Concepts

Inheritance

See how explicit component overrides, inherit hooks and token defaults resolve in live examples.

Local customization

See how a section can force reasonable inherited button contrast while still allowing a single button instance to opt out locally.

Inset multiplier

See how inset spacing is published, inherited, and combined with container-aware scaling across cards, accordions, and tables.

Color system

All design token colors as live swatches, with derivation formulas, mix amounts, and usage guidance for every token in the system.

Token system

How global tokens become component-safe runtime inputs, plus a reference for the foundational base tokens and what each one is for.

Animation

Guidance and live examples for motion that explains change, acknowledges input, and respects reduced-motion preferences.