Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 201 results have public source URLs. Source and classification review are recorded separately on each reference.

Find a design move. Shortlist the references. Export a brief with the notes and sources ready for your next project — no account needed.

Refine: kind, font, color, order

e.g. #e4572e

Jump to results

Web Audio API synthesizing mechanical clicks, keyboard relays, ambient hums, and organic chime feedback on user actions. Read it as a style sheet →

Active filters:family: Procedural Audio / Interactive Acoustics

4 references in Procedural Audio / Interactive AcousticsClear search & filters

Ableton Learning Synths — Interactive WebAudio Oscillator, Filter & Envelope Patcher

Procedural Audio / Interactive Acoustics · product UI flow · via Awwwards

Source: pending · Classification: pending

Steal · component patternNotes by Will
Introduce synthesis parameters through a progressive 2D XY pad where X scrubs filter cutoff frequency and Y scrubs resonance, rendering the live Fast Fourier Transform (FFT) spectrum directly behind the cursor.
Steal · grid/layoutNotes by Will
Group modular signal blocks (Oscillator → Filter → ADSR Envelope → LFO) into equal-height #2b2b2b rack cells separated by 2px solid #1e1e1e gaps, mirroring Ableton Live's bottom device chain.

Fonts: Futura PT, IBM Plex Mono · Original: Ableton

private-reference-only

View original ↗

Source & usage rights

Original: Ableton. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-06-02. Capture does not establish source verification.

Chrome Music Lab — Kandinsky & Spectrogram Real-Time WebAudio Canvas

Procedural Audio / Interactive Acoustics · product UI flow · via Awwwards

Source: pending · Classification: pending

Steal · motion/interactionNotes by Will
Zero-instruction onboarding: clicking anywhere on the step-sequencer matrix immediately sounds the corresponding pentatonic pitch and illuminates the cell with a rhythmic pulse when the playhead sweeps past.
Steal · component patternNotes by Will
Keep transport controls (Play/Pause, Tempo Slider, Instrument Switcher) inside a single 56px bottom bar so 90% of the screen acts as a direct acoustic drawing surface.

Fonts: Roboto, Roboto Mono · Original: Google Creative Lab

private-reference-only

View original ↗

Source & usage rights

Original: Google Creative Lab. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-06-02. Capture does not establish source verification.

Endel Soundscapes — Circadian Procedural Audio Waveforms & Heart-Rate Sync

Procedural Audio / Interactive Acoustics · full website · via Godly

Source: pending · Classification: pending

Steal · texture/materialNotes by Will
Render ultra-thin 1px white and #d4ff00 acid-lime vector Lissajous curves over pure #050505 black that deform in real time in response to the active soundscape mode (Focus, Relax, Sleep).
Steal · typographyNotes by Will
Pair stark Swiss grotesk mode headlines with a live biometric telemetry ticker (HR: 64 BPM · WEATHER: OVERCAST · CIRCADIAN PHASE: ULTRADIAN PEAK).

Fonts: Helvetica Neue, JetBrains Mono · Original: Endel

private-reference-only

View original ↗

Source & usage rights

Original: Endel. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-06-02. Capture does not establish source verification.

Moog Model D Web Study — Voltage-Controlled Filter Cutoff & Modulation Matrix

Procedural Audio / Interactive Acoustics · product UI flow · via SiteInspire

Source: pending · Classification: pending

Steal · component patternNotes by Will
Surround each rotary potentiometer with a calibrated -5 to +5 radial tick scale etched in #f4efe6 cream ink against a #141210 anodized black panel, with vertical drag sensitivity (1px = 0.5%) and Double-Click reset to zero.
Steal · texture/materialNotes by Will
Frame the synth control surface between warm walnut end-cheeks (#26211c) and color-coded rocker switches (#d97706 orange for modulation, #38bdf8 blue for glide).

Fonts: Futura, IBM Plex Mono · Original: Moog Music

private-reference-only

View original ↗

Source & usage rights

Original: Moog Music. Source verification: pending review.

Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.

Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.

Captured: 2026-06-02. Capture does not establish source verification.

Read the editorial record

Provenance & takedown

Publicly sourced references link to an original; private or concept examples are labelled separately. All referenced work belongs to its creators. What this vault adds — and what it is for — is the commentary: the steal-notes are the content, not the pixels. Notes are written by hand unless their card says otherwise; a model draft is always labelled. Study use only.

Made something shown here and want it removed? Email hello@trova.design with the entry title or a link to this page — it comes down promptly, no questions asked.

Try it in your agent · no key

One command puts these notes inside Claude Code. Without a key the agent sees 5 families and gets 5 calls a day — enough to judge the taste before you rent it. The key opens every family and lifts the meter.

claude mcp add --transport http trova https://trova.design/api/mcp