Press feedback.
Press the ink sample to stamp a proof. Its inner face compresses on contact while its hit area and focus ring stay in place.
Proof unmarked
- Resting states
- Proof unmarked → Proof stamped
- Reduced motion
- The button changes fill on press and the stamp count updates on activation.
Implementation excerpt
.stampButton:active span { transform: scale(.98); }
.stampButton span { transition: transform 120ms ease-out; }Where Unvibed uses it
The site header gives its audit link an inset pressed face. The free audit action