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