60 Button Press Scale. 60 of 95.
60/MOTION/60 of 95
Button Press Scale
A control should acknowledge your touch instantly.
The problem
A button that doesn't visually react on press feels dead, leaving you unsure the tap registered.
The solution
The button scales down immediately on press and springs back on release.
Experiment
Play with the values
0.94
How it works
- Pointer down is the moment the control should acknowledge the touch.
- The button scales down immediately, before any click action runs.
- The pressed scale holds for as long as the pointer stays down.
- Pointer up ends the press.
- The button springs back to its resting scale.
Seen in
Primary actions
Submit and confirm buttons give a satisfying press response.
Icon buttons
Small controls confirm the tap landed with a quick scale.
Cards & tiles
Tappable cards depress slightly to feel physical.
Mobile keys
On-screen keys acknowledge each press instantly.