Teenage Engineering Industrial

Web design as instrument faceplate, after Teenage Engineering's OP-1 and TX-6: flat light-gray aluminum panels, a strict modular grid of circular knobs and square keys, one loud safety-orange accent, engraved lowercase mono labels, and tiny functional glyphs. Every element earns its place like a control that does something.

Primary action

Card

Signature element

A knob cluster: perfect circles with a single orange indicator line at 45 degrees, sitting on a visible layout grid dotted with tiny + registration marks and labeled underneath in 10-11px lowercase mono.

Palette

bg
#e4e4e1
surface
#d4d4d1
panel-dark
#262626
text
#141414
text-muted
#5c5c58
accent
#ff4a00
accent-deep
#c33800
knob
#f4f4f1
screen
#9aa48c
border
#b9b9b5