Expression
Scatter, then resolve.
Modules scatter and spring home in gradient colour, and the rose dot lands last. Move your pointer through the field: the pixels take your speed and settle from wherever they are.
The signature move
Specs
| Name | Spec | Use |
|---|---|---|
| Scatter and resolve | Spring · stiffness 170 · damping 18 · the dot lands about 1.1 s after the rest | The symbol in heroes, intros and reveals. |
| Reveal | Spring · stiffness 170 · damping 22 · 22 px rise with fade | Blocks entering the viewport below the first screen. |
| Interface | Spring · stiffness 320 · damping 32 | Step changes, sheets, menus. |
| Press | Scale to 0.97 on press, back on release | Buttons and tappable cards. |
Rules
- Rule 1Motion starts from where the element is on screen, never from a fixed keyframe.
- Rule 2A pointer or a finger passes its speed on: pixels and sheets move with the hand and settle from there.
- Rule 3Everything can be interrupted and reversed at any instant.
- Rule 4With reduced motion turned on, show the resolved state. No scatter, no reveals.