# Motion — Unless design system

Foundations

# Motion
  [Easing](/en/design/foundations/motion/)[Duration](/en/design/foundations/motion/duration/)[Reduced motion](/en/design/foundations/motion/reduced-motion/)[Logo lockup](/en/design/foundations/motion/logo-lockup/)[Examples](/en/design/foundations/motion/examples/)
## Duration tokens — fast, base, slow

Three duration values cover every animation the system ships. Pick by transition kind, not by feel.

- `--motion-fast`: 120ms - hover, focus, micro state.
- `--motion-base`: 200ms - drawer / tab toggles, dropdowns.
- `--motion-slow`: 320ms - page-level reveals, agent typing.
       [Motion · Easing](/en/design/foundations/motion/)     [Motion · Reduced motion](/en/design/foundations/motion/reduced-motion/)