Design system
Design system
Tokens, surfaces, motion, loading, feedback and the width policy — generated from the artefacts the platform ships.
Generated from build artefacts (
pnpm docs:design-system). Do not edit by hand — run the generator.Colour tokens
The 7 accents × 2 modes produced by the DTCG → Style Dictionary pipeline (ADR-0169).
Surfaces
The material: 9 roles × 4 modes × 7 properties, enforced by
check-surface-recipes.Motion
The duration ladder and easing curves — platform constants, not brand choices.
Loading
The skeleton and pending standard (DS2-0036, ADR-0184).
Sensory feedback
The event taxonomy in
@brivio/feedback (ADR-0170) — the only names a call site may pass.Width policy
The caps
no-adhoc-layout enforces (ADR-0098 amendment).Storybook
The
@brivio/ui component library, with the axe gate on every story (DS2-0022).