# Beweging - designsysteem van Unless

Fundamenten

# Beweging
  [Easing](/nl/design/foundations/motion/)[Duur](/nl/design/foundations/motion/duration/)[Beperkte beweging](/nl/design/foundations/motion/reduced-motion/)[Logocombinatie](/nl/design/foundations/motion/logo-lockup/)[Voorbeelden](/nl/design/foundations/motion/examples/)
## prefers-reduced-motion respecteren

De regel waar elk geanimeerd component op de site zich aan houdt: laat beweging nooit betekenis dragen, en bied altijd een stilstaand eindbeeld aan bezoekers die animatie uitzetten.

Elk geanimeerd component (DemoAgent, de bewegende monotile) controleert `prefers-reduced-motion: reduce` en bevriest dan op het eindbeeld of laat de keyframe helemaal vallen. Geen enkele beweging is dragend voor de betekenis.
       [Beweging · Duur](/nl/design/foundations/motion/duration/)     [Beweging · Logocombinatie](/nl/design/foundations/motion/logo-lockup/)