Design system
Motion
The duration ladder and easing curves — platform constants, not brand choices.
Generated from build artefacts (
pnpm docs:design-system). Do not edit by hand — run the generator.Duration
| Duration | Value |
|---|---|
--duration-instant | 100ms |
--duration-fast | 150ms |
--duration-base | 250ms |
--duration-moderate | 350ms |
--duration-slow | 500ms |
--duration-slower | 800ms |
Easing
| Easing | Value |
|---|---|
--ease-standard | cubic-bezier(0.4, 0, 0.2, 1) |
--ease-decelerate | cubic-bezier(0.22, 1, 0.36, 1) |
--ease-accelerate | cubic-bezier(0.4, 0, 1, 1) |
--ease-spring | cubic-bezier(0.32, 0.72, 0, 1) |
--ease-gentle | cubic-bezier(0.33, 1, 0.68, 1) |
--ease-smooth | cubic-bezier(0.45, 0, 0.55, 1) |
Under data-motion=reduced or prefers-reduced-motion every duration collapses to 1ms and View Transitions resolve to none (ADR-0184).