160 ms · Feedback
Hover or focus a playback button. A restrained colour change acknowledges the action.
Motion specimen · 0.3.0-draft.1
Give change
room to make sense.
A six-second workflow study. Movement guides attention through the work, a human review and the next step. You control when it begins.
Work. Review. Next step.
0–2 seconds
Work
Understand what needs doing.
2–4 seconds
Review
Keep a person at the decision.
4–6 seconds
Next step
Move forward with a clear action.
Ready. Playback begins only when you choose Play.
- 0–2 s
Work
Understand what needs doing.
- 2–4 s
Review
Keep a person at the decision.
- 4–6 s
Next step
Move forward with a clear action.
Two useful timings
240 ms · Change of state
Each narrative stage appears with a short fade and 8 px of travel. Essential information stays available in the static sequence.
The logo remains still and undistorted. The material image moves by no more than 12 px across the six-second preview. Static view removes both narrative and interface animation.