# Mouvement - Système de design Unless

Fondations

# Mouvement
  [Courbes d'accélération](/fr/design/foundations/motion/)[Durée](/fr/design/foundations/motion/duration/)[Mouvement réduit](/fr/design/foundations/motion/reduced-motion/)[Logotype animé](/fr/design/foundations/motion/logo-lockup/)[Exemples](/fr/design/foundations/motion/examples/)
## Respecter prefers-reduced-motion

La règle que suit chaque composant animé du site : le mouvement ne porte jamais le sens, et une image stable en état stable est toujours proposée aux visiteurs qui désactivent l'animation.

Chaque composant animé (DemoAgent, dérive du monotile) vérifie `prefers-reduced-motion: reduce` et se fige sur l'image d'état stable, ou abandonne totalement l'animation par images clés. Aucun mouvement ne porte de sens à lui seul.
       [Mouvement · Durée](/fr/design/foundations/motion/duration/)     [Mouvement · Logotype animé](/fr/design/foundations/motion/logo-lockup/)