# 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/)
## Duurtokens - snel, basis, traag

Drie waarden voor de tijdsduur dekken elke animatie die het systeem uitlevert. Kies op soort overgang, niet op gevoel.

- `--motion-fast`: 120ms - hover, focus, microtoestanden.
- `--motion-base`: 200ms - uitschuifmenu's en tabs, dropdowns.
- `--motion-slow`: 320ms - onthullingen op paginaniveau, de agent die typt.
       [Beweging · Easing](/nl/design/foundations/motion/)     [Beweging · Beperkte beweging](/nl/design/foundations/motion/reduced-motion/)