The border draws itself.
Choosing a plan should feel deliberate. The outline draws in from the radio button instead of snapping on, and the dot lands with a small overshoot.
- 460 ms
- cubic-bezier(.65,0,.35,1)
- arrow keys move
A collection of the small things we refuse to skip. Every one is live, so try it: click, type, use the keyboard. The numbers underneath are the exact timings we use.
Choosing a plan should feel deliberate. The outline draws in from the radio button instead of snapping on, and the dot lands with a small overshoot.
All caught up.
Five seconds to change your mind, shown as a ring that counts down in real time. Focus moves to Undo, and back again when you use it.
The button says what it is doing, then confirms when it is done. Its width never changes, so nothing around it jumps.
Type any six digits
Each digit draws its own border as it lands, so you know it registered. Paste a whole code, or go back with the arrow keys.
More details are on the way.