Chrome buttons
press · holdHold the primary action to charge it. The metal deforms under the pointer and the specular band slides across the bevel.
state idle
Mercury slider
spring · dragDrag or use the arrow keys. The knob is damped with a spring, so it overshoots, settles, and sheds a droplet if you flick it.
Pour toggle
switch · dripA gooey filter merges the knob into the track as it fills. Switching on makes the metal pour.
Segmented control
flow · 3 wayThe chrome indicator flows between options with a springy overshoot. Arrow keys work once focused.
material Solid
Metal ramp
tokensThe five stops every surface is built from, in order of pressure.
#d7d9de steel
#7c818c ink
#14151a ice
#c9f2ff hot
#ff5c8a
States & focus
keyboardTab through the pills. The focus ring is chrome — a dark gap then an ice glint, never a default outline.