Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 4 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:tag: “reading-pattern”

4 references tagged “reading-pattern”Clear search & filters

Resend — documentation with three levels of navigation

Functional Product UI · editorial

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Give each navigation level its own place.
**What to borrow:** Separate global sections, document navigation and the current page's contents around a readable main column.
When to use this principle
When it works
Documentation with a large hierarchy and articles that contain several sections.
When to avoid it
Squeezing three columns onto a phone or adding a contents list to a very short page.
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 page has global documentation sections across the top, grouped document links on the left, the article in the center and an On this page list on the right. Each region answers a different navigation question.
Steal · copywritingmodel draft
The introduction presents prerequisites before the framework quickstarts. State what readers need before asking them to choose implementation instructions.
Steal · component patternmodel draft
Quickstart choices pair a framework icon with its name in a repeated grid. Preserve readable names so recognition does not depend on familiarity with the icons.

Fonts: Inter · Original: Resend

private-reference-only

View original ↗

Source & usage rights

Original: Resend. 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.

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.

Our World in Data — search-led research discovery

Editorial · editorial

Source: pending · Classification: pending

Original principle diagram · Draft explanation

Offer a direct search and a browsable start.

What to borrow: Combine a prominent search field with topic shortcuts and a readable editorial feed.

When to use this principle

When it works: Large knowledge libraries visited by both people with a specific question and people exploring a topic.
When to avoid it: Search examples that promise query behavior the actual search engine cannot support.

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 first screen places a broad search input under the mission statement, with topic shortcuts above and article previews below. It offers a direct route for known questions and a browsing route for open-ended visits.
Steal · typographymodel draft
Serif headings distinguish the mission and article titles from sans-serif navigation and metadata. Assign type roles consistently so readers can separate editorial content from interface controls.
Steal · component patternmodel draft
Article previews combine a small chart image, a title, an explanatory deck and an author. Give enough context to judge relevance before asking a reader to open the full article.

Fonts: Lato, Playfair Display · Original: Our World in Data

private-reference-only

View original ↗

Source & usage rights

Original: Our World in Data. 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.

The Pudding — visual essay index with format shortcuts

Playful / Toy-like · editorial

Source: pending · Classification: pending

Original principle diagram · Draft explanation
Keep a consistent frame for varied stories.
**What to borrow:** Give visually different stories the same metadata, image and headline sequence.
When to use this principle
When it works
Editorial archives where each story has a distinctive visual treatment.
When to avoid it
Letting expressive title lettering replace readable summaries or clear browsing controls.
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 index uses three columns. Each story follows a stable sequence: issue number and date, a large preview image, a display title and a short description. The repeated frame makes varied artwork scannable.
Steal · component patternmodel draft
A story search sits opposite labelled format shortcuts such as video and audio. Pair distinctive icons with text so the browsing categories remain understandable.
Steal · typographymodel draft
Chunky expressive story headings contrast with quieter descriptions and compact metadata. Limit the playful display treatment to short titles while preserving ordinary reading text.

Fonts: Atlas Grotesk, Atlas Typewriter, Gooper SemiCondensed · Original: The Pudding

private-reference-only

View original ↗

Source & usage rights

Original: The Pudding. 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.

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