Sistemul de design
Mișcare
Scara de durate și curbele de accelerare — constante de platformă, nu alegeri de brand.
Pagină generată din artefactele de build (
pnpm docs:design-system). Nu edita manual — rulează generatorul.Durată
| Durată | Valoare |
|---|---|
--duration-instant | 100ms |
--duration-fast | 150ms |
--duration-base | 250ms |
--duration-moderate | 350ms |
--duration-slow | 500ms |
--duration-slower | 800ms |
Curbă
| Curbă | Valoare |
|---|---|
--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) |
Sub data-motion=reduced sau prefers-reduced-motion toate duratele devin 1ms; tranzițiile View Transition se rezolvă la none (ADR-0184).