Type Sound — Jessica Jiang

A typographic synesthesia experience — every key you press lands as a colored letter and a tonal note, and a phrase becomes a small composition you can hear.

Works

Category: Vibe Coding
Year: 2026
Services: Concept, Generative Audio, Creative Code
Client: Personal

18/ 21

built with claude · shipped to vercel

Letters, but louder.

Type Sound is what a keyboard would feel like if every key were a synth pad and every letter were a color cell. The canvas is intentionally dark to make the colored type pop, and the audio engine is a Web Audio mapping from character codes to notes in a friendly scale. There's no gameplay and no goal — it's a small kinetic instrument. A study in turning a single mechanic (typing) into something worth doing for ten seconds straight.

Visit live site

Type Sound homepage — dark canvas with the prompt "Type to create colors and sounds"

§ PagesKey surfaces

Type Sound canvas with a single colored letter F glowing on a dark field — Single keystroke — one letter, one color, one tone.

§ StackWhat it's built on

01Vite
02TypeScript
03Web Audio API
04Canvas / WebGL
05Vercel

§ ScopeWhat was built

01Product concept
02Audio synthesis
03Visual design
04Frontend implementation

TypeSound