08 · Fundament
Bewegung.
Gemessen. Mit Absicht. Animationen enden und bleiben beendet. Wir loopen nicht, glitzern und federn nicht — Klubly gibt Rückendeckung, sie soll nicht unterhalten.
Easing-Kurven
Der Standard. Hover, Fokus, Klicks.
Einblendungen von außen. Seitenübergänge.
Ausblendungen nach außen. Schließen, Dismiss.
Reserviert. Nur wenn sich der Klub IQ aktualisiert oder das Siegel vergeben wird.
Dauern
instant
Zustandswechsel innerhalb einer Komponente
100 ms
fast
Hover, Fokus, Button-Feedback
200 ms
standard
Modal öffnet, Drawer schiebt
300 ms
deliberate
Seitenübergänge, Score-Reveals
500 ms
Reduzierte Bewegung
Alle Animationen respektieren prefers-reduced-motion. Wenn Nutzer:innen Bewegung reduzieren: Bewegung durch Crossfade ersetzen (100 ms), Klub-IQ-Siegel-Reveal nie animieren. Barrierefreiheit ist nicht verhandelbar — BITV 2.0 / BFSG.