Public vault · every note in the open

Steal this vault

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

8 references · nav sectionsClear 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.

Linear — Command Menu (⌘K) Filtered State

Functional Product UI · product UI flow · via Mobbin

Source: pending · Classification: pending

Steal · component patternNotes by Will
640px centered command palette anchored 18vh from the top viewport edge so result rows expand downward without shifting the input field's vertical coordinates.
Steal · motion/interactionNotes by Will
Each result row right-aligns its two-key chord badge (e.g. G then I) in 11px tabular monospace; typing filters the list in <16ms with zero skeleton flash.

Fonts: Inter, Berkeley Mono · Original: Linear

private-reference-only

View original ↗

Source & usage rights

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

Raycast — Root Launcher & Calculator Bar

Functional Product UI · product UI flow · via Refero

Source: pending · Classification: pending

Steal · component patternNotes by Will
Inline answer card splits 50/50 horizontally between the raw expression ('140 USD in JPY') and the resolved value ('¥21,490'), with a one-key copy action pinned in the footer bar.
Steal · grid/layoutNotes by Will
Persistent 32px bottom status bar anchors the context menu ('Actions ⌘K') on the right and the active extension icon on the left, keeping the main list free of per-row button clutter.

Fonts: Inter, JetBrains Mono · Original: Raycast

private-reference-only

View original ↗

Source & usage rights

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

Vercel — Preview Toolbar & Visual Comment Pin

Functional Product UI · product UI flow · via Mobbin

Source: pending · Classification: pending

Steal · component patternNotes by Will
Floating 40px pill toolbar docks at bottom-center over any preview URL; clicking 'Comment' turns the cursor into a crosshair that binds a thread directly to the target DOM node's CSS selector.
Steal · copywritingNotes by Will
Every comment card auto-captures the viewport dimensions and browser engine ('1440×900 · Chrome 130') as a muted footer line so reviewers never have to ask 'what screen size are you on?'.

Fonts: Geist, Geist Mono · Original: Vercel

private-reference-only

View original ↗

Source & usage rights

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

Apple Dynamic Island — Fluid SVG Path Interpolation

Kinetic Typography / Viewport Stretcher · video / motion · via Godly

Source: pending · Classification: pending

Steal · motion/interactionNotes by Will
Container morphs from a compact 126×36px pill to a 360×180px notification card using critically damped spring physics (stiffness: 320, damping: 26) with velocity handoff mid-gesture.
Steal · component patternNotes by Will
Live waveform bars and countdown timers stay continuously mounted during container expansion, scaling their layout bounds without unmounting or resetting animation frames.

Fonts: SF Pro Display, SF Mono · Original: Apple

private-reference-only

View original ↗

Source & usage rights

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

Things 3 iOS — Magic Plus Floating Action & Insertion Slot

Mobile Native / Haptic Minimal · mobile app · via Mobbin

Source: pending · Classification: pending

Steal · motion/interactionNotes by Will
The bottom-right '+' button is draggable: pulling it upward parts existing list rows with a 44px blue insertion gap so you create a task or heading at the exact desired position in one gesture.
Steal · typographyNotes by Will
Zero card borders or row dividers: visual grouping relies entirely on 26px bold project headers, 15px body rows, and 24px vertical section breathing room.

Fonts: SF Pro Text, SF Pro Display · Original: Cultured Code

private-reference-only

View original ↗

Source & usage rights

Original: Cultured Code. 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-20. Capture does not establish source verification.

Arc Search — Bottom-Anchored Keyboard-First Browser Bar

Mobile Native / Haptic Minimal · mobile app · via Mobbin

Source: pending · Classification: pending

Steal · component patternNotes by Will
App launch auto-focuses the bottom search input with the software keyboard already raised, eliminating the redundant initial tap required by top-bar mobile browsers.
Steal · motion/interactionNotes by Will
Pulling past the bottom scroll boundary reveals a circular radial action scrubber where horizontal thumb drift selects between New Tab, Summarize, and Reader Mode.

Fonts: Inter, Georgia · Original: The Browser Company

private-reference-only

View original ↗

Source & usage rights

Original: The Browser Company. 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-20. Capture does not establish source verification.

Apple iOS Live Activities — Compact Capsule Dual-Sensor Readout

Dynamic Island / Pill Morphing UI · mobile app · via Mobbin

Source: pending · Classification: pending

Steal · grid/layoutNotes by Will
Split the 36pt hardware cutout capsule into two asymmetric wings: a 24pt leading icon badge anchored flush-left and a tabular-nums countdown (04:18) anchored flush-right with 12pt internal clearance around the camera sensor.
Steal · colorNotes by Will
Use pure #000000 OLED black as the capsule ground so the hardware cutout disappears completely, pairing a single semantic accent (#30d158 active green or #ff9f0a timer amber) for instant peripheral legibility.

Fonts: SF Pro Rounded, SF Mono · Original: Apple Human Interface Team

private-reference-only

View original ↗

Source & usage rights

Original: Apple Human Interface Team. 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-11. 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