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.
What are you building?
What are you building?
New in the vault: 12 practical patterns with source notes and original diagrams.
Neo-Brutalism / Gumroad Pastels · full website · via Awwwards
Source: pending · Classification: pending
Steal · typographyNotes by Will
Pair deep inktrap display headlines (Whyte Inktrap at clamp(3.2rem, 7vw, 6.5rem)) with pill-shaped monospace time-slot badges bordered in 2px solid #000000.
Steal · component patternNotes by Will
Speaker cards snap into an interlocking bento grid where hovering a speaker tilts their sticker badge by -3deg and reveals their session track in a high-contrast footer ribbon.
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-08. Capture does not establish source verification.
Neo-Brutalism / Gumroad Pastels · full website · via Landingfolio
Source: pending · Classification: pending
Steal · component patternNotes by Will
Highlight the primary Merchant-of-Record pricing tier with a #fde047 lemon-yellow surface fill, 2px solid #111827 border, and a rotated corner stamp showing global tax compliance included.
Steal · grid/layoutNotes by Will
Stack tax calculation, fraud prevention, and subscription churn metrics as overlapping cards with explicit 1px dark borders so complex fintech workflows feel approachable.
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-08. Capture does not establish source verification.
Neo-Brutalism / Gumroad Pastels · full website · via One Page Love
Source: pending · Classification: pending
Steal · component patternNotes by Will
Center an interactive buymeacoffee.com/yourname URL claim input directly inside the hero with a #ffdd00 button that checks handle availability on keyup.
Steal · typographyNotes by Will
Support-count badges and live creator payout tickers use heavy bold numerals inside 2px bordered capsules to establish social proof above the fold.
Original: Buy Me a Coffee. 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-08. Capture does not establish source verification.
Pair the interactive 3D clay stage with a crisp, flat 12px monospace layer tree and material inspector so the playful 3D objects never compromise UI control precision.
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-07. Capture does not establish source verification.
Claymorphism / Inflated 3D Matte · full website · via SiteInspire
Source: pending · Classification: pending
Steal · colorNotes by Will
Anchor inflated lavender and marigold 3D avatars against a high-contrast #191627 deep aubergine typography scale so the soft 3D renders act as focal anchors rather than background clutter.
Steal · motion/interactionNotes by Will
Scroll-linked slide cards float with subtle parallax tilt while keeping the interior slide typography locked to a flat, razor-sharp DOM layer.
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-07. Capture does not establish source verification.
Claymorphism / Inflated 3D Matte · product UI flow · via Mobbin
Source: pending · Classification: pending
Steal · component patternNotes by Will
Construct primary action buttons with a border-bottom: 4px solid #46a302 extruded lip that translates translateY(4px) and zeroes border-bottom-width on :active, delivering physical arcade-button feedback in pure CSS.
Steal · grid/layoutNotes by Will
Arrange lesson nodes along a sinusoidal S-curve vertical path so a 50-lesson curriculum reads as a spatial board game rather than a long checklist.
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-07. Capture does not establish source verification.
Create the signature 2007 gloss button by layering a hard 50% top-half white linear gradient (rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.08) 50%, transparent 51%) over a saturated cyan-to-emerald base with an inner 1px specular ring.
Steal · colorNotes by Will
Pair high-chroma sky blues (#1d84b5) and chlorophyll greens (#65c18c) with crisp white humanist sans-serif labels backed by a subtle 0 1px 2px rgba(0,0,0,0.45) text shadow.
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.
Organize application launchers into a fixed 4×3 television-safe matrix of rounded-rect TV screen bezels framed by a recessed brushed-white bottom control dock.
Steal · motion/interactionNotes by Will
Hovering any channel slot triggers a soft #38bdf8 cyan outer glow ring and scales the slot by 1.04x without shifting adjacent cells.
Original: Nintendo UI 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.
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.
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.
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).
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.
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.
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.
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.
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.
Solarpunk / Dithered Low-Energy UI · editorial · via SiteInspire
Source: pending · Classification: pending
Steal · texture/materialNotes by Will
Convert all photographic assets to 4-color ordered or Floyd-Steinberg dithered PNGs with mix-blend-mode: multiply so the background tint dynamically reflects the Barcelona solar server's live battery percentage.
Steal · component patternNotes by Will
Expose real-time server telemetry (solar irradiance, battery charge %, uptime weather forecast) in a persistent right-margin gauge rail using zero external web fonts or third-party scripts.
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-04. Capture does not establish source verification.
Solarpunk / Dithered Low-Energy UI · editorial · via Dead Simple Sites
Source: pending · Classification: pending
Steal · grid/layoutNotes by Will
Zero-dependency static HTML architecture under 14KB per page: a fixed left-hand ASCII/monochrome tree index paired with a 60ch main logbook column and 1-bit pixel illustrations.
Steal · colorNotes by Will
Restrict the entire site palette to three tokens (#ffffff ground, #000000 ink, #72dec2 seafoam link highlight) so pages render identically on e-ink readers, low-power marine displays, and OLED screens.
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-04. Capture does not establish source verification.
Present page weight diagnostics as an A+ to F energy-efficiency rating badge alongside concrete physical equivalents (grams of CO2 per 10,000 views, kWh of renewable vs grid energy).
Steal · typographyNotes by Will
Use the native OS system-ui font stack at dramatic display weights (clamp(2.5rem, 5vw, 4.5rem)) to achieve strong typographic hierarchy with 0KB of font network transfer.
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-04. Capture does not establish source verification.
Solarpunk / Dithered Low-Energy UI · editorial · via Fonts In Use
Source: pending · Classification: pending
Steal · component patternNotes by Will
Top status bar displays the live carbon intensity (gCO2/kWh) of the reader's local electricity grid and lets the user toggle between 'Low / Monochrome Text', 'Medium / Dithered Image', and 'High / Full Resolution' modes.
Steal · copywritingNotes by Will
Deferred image placeholders display an explicit size caption ([Image: 142KB — click to load on high-carbon grid]) so media loading becomes an intentional user choice.
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-04. Capture does not establish source verification.
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.
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.
Lunarpunk / Stealth Cryptographic · product UI flow · via Dead Simple Sites
Source: pending · Classification: pending
Steal · component patternNotes by Will
Eliminate email and password signup fields completely: clicking 'Generate account number' mints a 16-digit grouped token (4419 8820 1104 9932) with a one-click copy button and flat €5/mo rate regardless of term length.
Steal · copywritingNotes by Will
State anti-marketing truths directly beneath the pricing token ('We even accept cash in an envelope; no recurring dark patterns').
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.
Syntax-highlight generated passwords inside the vault inspector by coloring uppercase/lowercase letters in #f5f3ff, numerals in #6d4aff violet, and symbols in #22c55e emerald.
Steal · component patternNotes by Will
Email alias generation ('Hide-my-email') runs inline inside the credential creation drawer with a live forwarding-route diagram (alias@passmail.net → inbox).
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.
Lunarpunk / Stealth Cryptographic · editorial · via Curated.design
Source: pending · Classification: pending
Steal · grid/layoutNotes by Will
Contrast transparent public ledger rows (rendered in exposed #71717a plaintext) against the zero-knowledge Orchard shielded pool (rendered as redacted #f4b728 cryptographic commitment hashes).
Steal · typographyNotes by Will
Technical whitepaper citations sit in a persistent monospace right rail so cryptographic claims link directly to audited circuit proofs.
Original: Electric Coin Co. 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.
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.
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.
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.
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.
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).
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.
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).
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.
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
