Brand Guide /Bewegung

Easing-Kurven

standardcubic-bezier(0.4, 0, 0.2, 1)

Der Standard. Hover, Fokus, Klicks.

deceleratecubic-bezier(0.16, 1, 0.3, 1)

Einblendungen von außen. Seitenübergänge.

acceleratecubic-bezier(0.85, 0, 0.15, 1)

Ausblendungen nach außen. Schließen, Dismiss.

signal · brandcubic-bezier(0.34, 1.56, 0.64, 1)

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.