# 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/)
## Honouring prefers-reduced-motion

The rule every animated component on the site follows: never let motion carry meaning, and always offer a stable steady-state frame for visitors who opt out of animation.

Every animated component (DemoAgent, AgentLoop, monotile drift) checks `prefers-reduced-motion: reduce` and either freezes on the steady-state frame or drops the keyframe entirely. No motion is load-bearing for meaning.
       [Motion · Duration](/en/design/foundations/motion/duration/)     [Motion · Logo lockup](/en/design/foundations/motion/logo-lockup/)