Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 7 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.

Jump to results

Active filters:kind: product UI flow section: component

7 references · product UI flow · component sectionsClear search & filters

Aero Glass Window Study — Gaussian Frosted Titlebars & Specular Diagonal

Frutiger Aero / Glossy Horizons (2004–13) · product UI flow · via Are.na

Source: pending · Classification: pending

Steal · texture/materialNotes by Will
Superimpose diagonal 45-degree translucent light streaks across a backdrop-filter: blur(18px) saturate(160%) window frame bordered by a 1px solid rgba(255,255,255,0.45) outer bevel and a 1px solid rgba(0,0,0,0.6) outer shadow.
Steal · component patternNotes by Will
Window control buttons (min, max, close) sit flush with the top border edge as contiguous glass segments that illuminate with radial red or cyan backlights on hover.

Fonts: Segoe UI, Consolas · Original: Windows Design Study

private-reference-only

View original ↗

Source & usage rights

Original: Windows Design Study. 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-06. Capture does not establish source verification.

Teenage Engineering OP-1 Field — Extruded Aluminum Soft-Shadow Rotary Dials

Neumorphism / Soft Dual Emboss · product UI flow · via Godly

Source: pending · Classification: pending

Steal · texture/materialNotes by Will
Avoid low-contrast neumorphic mush by pairing a soft dual-shadow extruded keywell (6px 6px 12px #bec1c6, -6px -6px 12px #ffffff) with a crisp 1px solid rgba(31,35,40,0.18) machined parting line and high-contrast #1f2328 legends.
Steal · colorNotes by Will
Color-code the four physical rotary encoders with strict functional semantics (Blue = pitch/frequency, Green = envelope, White = sustain/balance, Orange #ff4f00 = modulation/grid).

Fonts: Universal Sans, IBM Plex Mono · Original: Teenage Engineering

private-reference-only

View original ↗

Source & usage rights

Original: Teenage Engineering. 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-05. Capture does not establish source verification.

Braun ET66 Calculator Study — Convex Domed Polymer Keys & Recessed LCD Well

Neumorphism / Soft Dual Emboss · product UI flow · via Minimal Gallery

Source: pending · Classification: pending

Steal · component patternNotes by Will
Circular calculator buttons use a subtle radial highlight (radial-gradient(circle at 35% 30%, #3a3d42, #1e1f22)) to convey a convex thumb dome, reserving the single #d97706 ochre cap exclusively for the = execution key.
Steal · grid/layoutNotes by Will
Recess the numeric readout inside a deep inner-shadow bezel (inset 0 3px 6px rgba(0,0,0,0.65)) separated from the keypad matrix by an explicit horizontal chassis seam.

Fonts: Akzidenz-Grotesk, Helvetica Neue · Original: Dieter Rams & Dietrich Lubs Study

private-reference-only

View original ↗

Source & usage rights

Original: Dieter Rams & Dietrich Lubs Study. 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-05. Capture does not establish source verification.

Devialet Controller Study — Matte Ceramic Volume Wheel & Dual-Light Well

Neumorphism / Soft Dual Emboss · product UI flow · via SiteInspire

Source: pending · Classification: pending

Steal · motion/interactionNotes by Will
Surround the central extruded volume wheel with 60 radial tick marks that sequentially illuminate in warm champagne gold (#c5a059) as the user drags circularly.
Steal · typographyNotes by Will
Center the current decibel level (-18.5 dB) inside the rotary well in tabular-nums grotesk so the finger never occludes the numeric readout during adjustment.

Fonts: Neue Haas Grotesk, IBM Plex Mono · Original: Devialet Digital

private-reference-only

View original ↗

Source & usage rights

Original: Devialet Digital. 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-05. Capture does not establish source verification.

Signal Messenger — Zero-Knowledge Cryptographic Verification & Safety Number Grid

Lunarpunk / Stealth Cryptographic · product UI flow · via Refero

Source: pending · Classification: pending

Steal · typographyNotes by Will
Format 60-digit peer-to-peer cryptographic fingerprints into a scannable 3×4 matrix of 5-digit tabular-nums monospace blocks with generous 16px column and 12px row spacing so human visual comparison never loses its place.
Steal · component patternNotes by Will
Pair the numeric fingerprint grid with a high-contrast scannable QR code on an obsidian #0b0d12 ground that flips directly to a verified emerald checkmark badge upon camera match.

Fonts: Inter, JetBrains Mono · Original: Signal Messenger

private-reference-only

View original ↗

Source & usage rights

Original: Signal Messenger. 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-03. Capture does not establish source verification.

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.

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