← DesignZoo

Input Device Buttons

Skeuomorphic input device recreations — mechanical keyboard switches with Cherry MX profiles, Ableton Push velocity pads, Teenage Engineering transport controls, and a rotary encoder — all with Web Audio synthesized click sounds.

Input Device Spec

Press • hold • drag • listen

§ Mechanical Switches
TACTILECHERRY MX PROFILE
ESC
1!
2@
3#
4$
5%
6^
TAB
Q
W
E
R
T
CAPS
A
S
D
F
Tactile
Clicky
Linear
§ Velocity Pads · Silicone
C3
D3
E3
F3
G3
A3
B3
C4

Press harder at bottom edge for higher velocity

§ Teenage Engineering · Controls
SEQ
SYN
FX
MIX
VALUE
STOCKHOLM, SWEDENDESIGN SPEC R.01
AUDIO ON FOR FULL EXPERIENCE