Quiet, responsive, purposeful
Show what
changed.
A small shift keeps your place. A quick tonal change confirms an action. Motion follows your input.
Control transition
Replay a 200 ms response. The final arrangement remains legible when reduced motion removes the travel.
200 ms / soft ease-out
Ready to replay.Context into focus
A 240 ms overlay gives a local task its own space. Escape and the close control return you to the trigger.
A change in context
Tabs exchange related content without moving the surrounding page.
Fieldnotes / Journal
Make room for what matters.
A collection of everyday observations, thoughtful objects, and places to pause.
Explore the editorial patternOne motion vocabulary
| Role | Duration | Use |
|---|---|---|
| Fast | 160 ms | Small feedback |
| Control | 200 ms | Control response |
| Overlay | 240 ms | Dialog and sheet |
| Layout | 320 ms | Related arrangement |
| Editorial | 520 ms | A deliberate reveal |
Reduced motion disables travel and limits animation and transition durations to 0.01 ms. Every control and state remains available.