Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 7 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:font: “SF Pro Display”

7 references set in “SF Pro Display”Clear search & filters

Apple visionOS — Specular Spatial Glass System

Glassmorphism / Frosted Acrylic · video / motion · via Godly

Source: pending · Classification: pending

Steal · texture/materialNotes by Will
Multi-layer acrylic glass (backdrop-filter: blur(40px) saturate(180%)) paired with a 1px directional border gradient that brightens at the top-left edge (rgba(255,255,255,0.38)) and fades to 0.06 at the bottom-right.
Steal · motion/interactionNotes by Will
Hovering an interactive control translates the plane +8px along the z-axis while casting a soft ambient contact shadow onto the recessed parent pane behind it.

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

private-reference-only

View original ↗

Source & usage rights

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

Apple M4 Chip — Hardware Spec Summary Bento

Bento Grid / Apple Modular Layout · landing page · via Godly

Source: pending · Classification: pending

Steal · typographyNotes by Will
Each bento cell contains exactly two typographic tiers: a 14px muted category label at top-left and a 72px–96px display metric ('10-core CPU', '38 TOPS') anchored at bottom-left — zero paragraph prose.
Steal · grid/layoutNotes by Will
20px uniform gap between dark anodized cards (#141416) over pure black (#000000), collapsing cleanly from a 4×3 desktop mosaic to a 2×6 tablet grid without changing aspect ratios.

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

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