FOUNDATIONS · MOTION & FEEDBACK · LIVE

Motion zum Anfassen

Jeder Wert hier ist der eingefrorene Token aus der Kollektion: eine Kurve, 120 / 250 / 400 / 600 ms. Drücken, ziehen, abspielen.

Reduce Motion ist auf diesem Gerät aktiv. Die Demos laufen bewegungslos, genau wie die App es täte.
DIE KURVE · IM RENNEN
SIGNATURE
LINEAR
ELASTIC · VERBOTEN

Signature kommt früh an und landet weich. Linear fühlt sich mechanisch an, Elastic schießt über: Vertrauen federt nicht.

DIE SKALA · VIER DAUERN
--motion-tick120 ms
--motion-move250 ms
--motion-enter400 ms
--motion-hero600 ms

Alle vier starten gleichzeitig. So fühlt sich der Abstand zwischen Feedback, Zustandswechsel und dem einen Hero-Moment an.

TOUCH-QUITTUNG · DRÜCK MICH
CK
Kundenberater Verkauf
Media-Saturn · Berlin-Mitte

Halte gedrückt und lass los: unter 100 ms Quittung, Karte auf 0.98, Button drückt und dunkelt. Auf Android tickt es in der Hand.

ERFOLG · DREI GRÖSSEN · TIPPEN

S zeichnet nur das Häkchen. M tickt zusätzlich in der Hand. L ist der eine Lime-Moment, reserviert für die Einladung.

SKELETON → INHALT
Kundenberater Verkauf
Media-Saturn · 81 % Passung
Verkäufer:in Frische
EDEKA · 74 % Passung
Kassierer:in Teilzeit
dm-drogerie · 68 % Passung

Skeleton blendet über, Inhalt steigt 12 px auf, jede Karte 40 ms versetzt. Laden ist Einatmen, kein Warten.

ZAHLEN ROLLEN
68Treffer

Neue Jobs gefunden: der Wert zählt zum Ziel, mit derselben Kurve. Zahlen springen nie, nirgends.

DER RING LEBT
0
Deine Passung
zeichnet sich in 600 ms, tickt bei jeder Änderung

Das Signature-Element der App bekommt den einen reservierten Hero-Moment.

CONTROLS MIT CHARAKTER · ZIEHEN
25 km
5102550100 KM
Auch Remote-Jobs zeigen · Feder-Landung, 250 ms

Der Umkreis rastet bei 10, 25 und 50 km ein und der Daumen spürt es. Der Toggle landet mit einer kleinen Feder.

FEHLER MIT WÜRDE
ORT
z. B. Berlin

Bitte gib einen Ort an oder erlaube Remote-Jobs.

Ein Puls, Fehlerkarte, Fokus auf der Lösung. Der Shake daneben ist der Grund, warum die Regel existiert.