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

Near-black fields, hairline gradients, one metallic or electric accent, understated serif. Whispers expensive; the restraint is the flex. Read it as a style sheet →

Active filters:family: Dark Premium

8 references in Dark PremiumClear search & filters

Stripe Press — a catalogue composed from book spines

Dark Premium · full website

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Make the objects form the catalogue.
**What to borrow:** Use an object's recognizable form to organize a collection while keeping its title visible.
When to use this principle
When it works
Small visual catalogues whose products have distinctive physical forms.
When to avoid it
Using a visual stack as the only navigation for a large or accessibility-critical catalogue.
Original teaching diagram with illustrative content; not a screenshot or reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

Steal · grid/layoutmodel draft
The captured catalogue centers a vertical stack of book spines on a dark field, with generous space around the stack. The physical objects become the organizing structure rather than sitting inside a conventional product-card grid.
Steal · typographymodel draft
The upper-left brand lockup uses serif type, while each book retains its own cover typography. Keep the interface restrained when the collection already contains many visual voices.
Steal · colormodel draft
Most of the visible color belongs to the book spines against the dark background. Let the objects supply variety while the surrounding interface stays quiet; this observation does not establish keyboard or motion behavior.

Fonts: Ivar Headline, Ivar Text · Original: Stripe Press

private-reference-only

View original ↗

Source & usage rights

Original: Stripe Press. 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-10-10. Capture does not establish source verification.

Linear — pricing

Dark Premium · landing page

Source: pending · Classification: pending

Steal · grid/layoutmodel draft
Four plans (Free, Basic, Business, Enterprise) are columns divided by vertical hairlines with no card fills, each repeating the same rows: name, price, rule, billing line, rule, feature list. The buttons share one baseline at the bottom although the lists run 5, 5, 9 and 9 items. Steal a pricing table built from rules and aligned rows instead of four boxed cards, with buttons aligned across columns regardless of list length.
Steal · component patternmodel draft
There is no global monthly/yearly switch: a "Billed yearly" toggle appears only in the Basic and Business columns, while the same row reads "Free for everyone" under Free and "Annual billing only" under Enterprise. Steal the per-plan billing row, which places a toggle only where it changes a price and uses the slot to state terms everywhere else.
Steal · colormodel draft
The recommended plan has no badge: Business is the only column with a light-filled "Get started" (plus a dark "Contact sales"), while every other button is a dark pill on the #08090b ground. Steal one inverted button as the plan recommendation instead of a "Most popular" ribbon.

Fonts: Inter Variable

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-10-10. Capture does not establish source verification.

Resend — homepage hero

Dark Premium · landing page

Source: pending · Classification: pending

Steal · typographymodel draft
The headline "Email for developers" is a high-contrast serif at roughly 96px with a white-to-grey gradient fill, while the subhead, buttons and nav are a plain sans at about 17px. Steal a serif display line on a developer-tool page, one face for the claim and a neutral sans for everything else.
Steal · component patternmodel draft
The hero stacks four left-aligned items: a pill link "Join us at Resend Forward >" with a thin multicolor border, the two-line headline, a two-line subhead, then "Get started" as a bordered dark button beside "Documentation" as bare text with no box. Steal the CTA pair whose secondary is plain text, so the docs link is offered without competing as a second button.
Steal · texture/materialmodel draft
The right half holds a single 3D cube of near-black facets in mixed finishes (matte, perforated, speckled), lit from above, with one pale light band sweeping diagonally across the lower third of the black ground. Steal one monochrome rendered object as the hero image, giving depth without adding a color.

Fonts: Domaine

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-10-10. Capture does not establish source verification.

Raycast — homepage hero

Dark Premium · landing page

Source: pending · Classification: pending

Steal · texture/materialmodel draft
The background is a set of parallel 45-degree light streaks, red at the core and fading through blue-black into the #07080a ground, with visible grain along their soft edges; the white centered headline sits directly on the brightest band. Steal one diagonal, grainy light field as the hero image for a product without a screenshot to lead with.
Steal · component patternmodel draft
Both download buttons carry the Windows logo, the hero one reads "Download for Windows", and under it two lines of small monospace text give "Windows 10+ (x64 or ARM64)" and "Install via WinGet". Steal a platform-named download button with the system requirement and the package-manager alternative set in mono directly beneath it.
Steal · grid/layoutmodel draft
The nav is a rounded, hairline-bordered capsule inset about 118px from each edge of the 1440px viewport, holding nine text links between the logo and a white "Download" button, with "Log in" as plain text. Steal a contained nav bar narrower than the viewport, which keeps a long link list reading as one object over a full-bleed background.

Fonts: Inter

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-10-10. Capture does not establish source verification.

Framer — homepage hero

Dark Premium · landing page

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Show the result near the next action.
**What to borrow:** Give a product outcome more room than decorative copy.
When to use this principle
When it works
Products whose actual output explains the benefit.
When to avoid it
Invented results, empty canvases, or product images without explanation.
Original principle diagram — a model-drafted explanation, not a reconstruction of the source. Trova · AI-assisted illustration. Original Trova diagram.

Steal · grid/layoutmodel draft
The CTA pair, a white "Get started for free" and a dark grey "Download app" with a download arrow, sits left-aligned under the headline while "New: Skills →" sits at the right end of the same row. Steal a CTA row that carries the release link at its far end, so one line serves both conversion and news.
Steal · component patternmodel draft
The product shot shows the agent before the result exists: an empty canvas labeled "Desktop 1200" outlined in glowing blue, and a side panel with the prompt "Create a sleek black homepage for an AI well-being research lab called Bloom.", a step "Created a design plan 6s", "Thought 4s" and "Building navigation...". Steal a hero shot captured mid-process, with the step log and timings visible.
Steal · colormodel draft
The page is black and white except for the canvas outline in the product frame (#1793d7), the only saturated color on the first screen. Steal a monochrome page whose one color lives inside the product shot.

Fonts: GT Walsheim · Original: Framer

private-reference-only

View original ↗

Source & usage rights

Original: Framer. 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-10-10. Capture does not establish source verification.

Linear

Dark Premium · landing page · via Godly

Source: pending · Classification: pending

Steal · colorNotes by Will
Purple accent appears ONLY in glows and gradients, never as flat fill — light, not paint.
Steal · motion/interactionNotes by Will
Feature cards tilt ≤2° on hover with a 400ms ease — motion you sense rather than watch.
Steal · grid/layoutNotes by Will
Hairline borders at 8% white opacity define all structure; no shadows anywhere in dark mode.

Fonts: Inter Display, Berkeley Mono

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-07-10. Capture does not establish source verification.

Raycast

Dark Premium · landing page · via Dark Mode Design

Source: pending · Classification: pending

Steal · component patternNotes by Will
Pricing table where the free tier is visually equal to paid — confidence signaling that converts better than dark-patterning.
Steal · texture/materialNotes by Will
Subtle noise grain over every gradient stops the banding AND adds materiality at 2% opacity.

Fonts: Inter, JetBrains Mono

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-07-09. Capture does not establish source verification.

Endex

Dark Premium · landing page · via Awwwards

Source: pending · Classification: pending

Steal · typographyNotes by Will
Tiempos Headline / Söhne pairing: old-money serif for claims, neutral grotesque for evidence. Finance gravitas without cliché.
Steal · copywritingNotes by Will
Six words on the entire first viewport. Institutional confidence = information withheld.

Fonts: Tiempos Headline, Söhne

private-reference-only

View original ↗

Source & usage rights

Original: Creator not recorded. 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-07-08. 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