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:kind: mobile app font: “SF Pro Display”

4 references set in “SF Pro Display” · mobile appClear search & filters

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.

Flighty — Live ATC & Delay Prediction Telemetry Card

Hyper-Dense Data / Telemetry · mobile app · via Mobbin

Source: pending · Classification: pending

Steal · grid/layoutNotes by Will
Split-flap boarding pass header pairs 44px IATA airport codes ('SFO → LHR') with a 6-cell dense telemetry grid (Gate, Terminal, Tail #, Mach Speed, Altitude, Arrival Delta) in 1px bordered cells.
Steal · colorNotes by Will
Strict semantic color budget: 92% of the UI is slate monochrome (#0f172a / #f8fafc), reserving amber (#f59e0b) exclusively for ATC delay vectors and sky blue (#38bdf8) for active flight path.

Fonts: SF Pro Display, JetBrains Mono · Original: Flighty

private-reference-only

View original ↗

Source & usage rights

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

Apple iOS Dynamic Island — Fluid Spring Long-Press Expanded Card

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

Source: pending · Classification: pending

Steal · motion/interactionNotes by Will
Long-pressing the compact pill morphs the container from height: 36pt; border-radius: 18pt to height: 168pt; border-radius: 44pt using a critically damped spring (damping: 0.82, response: 0.38s) while keeping the leading icon pinned to its top-left origin.
Steal · component patternNotes by Will
Limit expanded island actions to at most two 44pt pill buttons in the bottom row so thumb taps never accidentally trigger the underlying status bar.

Fonts: SF Pro Display, 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.

Flighty iOS Live Activity — Gate & Delay Telemetry in 36pt Cutout

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

Source: pending · Classification: pending

Steal · typographyNotes by Will
Airport IATA codes (SFO → LHR) and gate badges (B14) use split-flap inspired tabular-nums monospace with #eab308 amber highlights whenever a gate or boarding time mutates.
Steal · grid/layoutNotes by Will
Pack four flight telemetry variables (Origin, Destination, Gate, Seat) into a 160pt expanded island by using a 1px #27272a horizontal rule to separate route progress from boarding credentials.

Fonts: SF Pro Display, JetBrains Mono · Original: Flighty

private-reference-only

View original ↗

Source & usage rights

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