A web design studio · interface craft
Interfaces are watches.
We make the movement.
Nobody praises a 300-millisecond ease-out; they just trust the product more and can't say why. Below are five components from our bench, tuned the way watchmakers tune escapements. Touch everything. Timings printed on the glass.
№ 1 · The magnetic button
Leans toward your cursor before you commit; ripples from the exact point of contact. Buttons should meet you halfway.
attract 12px · spring 340ms · ripple 600ms
№ 2 · The spring toggle
The knob squashes on push-off, overshoots by four pixels, and lands like a gymnast. State change you can feel from across the room.
overshoot 4px · settle 420ms · squash 0.85
№ 3 · The inertial slider
The readout trails the thumb with just enough lag to feel liquid, and the value snaps to satisfying stops. Drag it, or use arrow keys.
tip lag 80ms · snap ±2 · wheel + keys supported
№ 4 · The forgiving input
Floating label, a polite shake for typos (three degrees, no more), and a green tick that draws itself when you get it right.
shake ±3° · 3 cycles · tick draws in 380ms
№ 5 · The generous rating
Stars cascade up to your choice and the last one bursts. Five-star moments deserve confetti physics, even eight particles' worth.
cascade 40ms/star · burst 8 particles · 500ms
Your product, to the millisecond.
We do this to entire products: design systems where every control has this much care and none of it gets in the way.
hello@basebloomdesign.com