Klang
A polyphonic synthesizer for the browser, thought, designed and developed from scratch with the honesty and rigor of the best hardware instruments.
Role
Product designer
Frontend developer
Timeline
May 2026
June 2026
1 month
Tools
Figma
HTML / CSS / JS
Tone.js
Sortable.js
Visit
Music software has spent decades accumulating features without revisiting its design. Professional tools are powerful but intimidating; educational ones are simple but limited.
The challenge was to design something in between: a real instrument, accessible, that anyone could understand without losing depth.
The work focused on three priorities
Design a system of volumetric buttons that communicates interactivity without needing instructions.
Build a real polyphonic audio engine with Tone.js, faithful to the logic of subtractive synthesis.
Leverage the digital medium with features hardware can't offer: color personalization, module reordering, and patterns shareable by URL.
Reference
Teenage Engineering's hardware proved that an electronic instrument can be technically rigorous and full of character at the same time.
Klang borrows that tension: a disciplined visual system with a deliberate sense of humor.
