Public vault · every note in the open

Steal this vault

201 entries, 447 steal-notes — 281 by hand, 166 model drafts. 2 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: “variable-fonts”

2 references tagged “variable-fonts”Clear search & filters

DIA Studio — Kinetic Variable Type Identity System

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

Source: pending · Classification: pending

Steal · typographyNotes by Will
Variable font axes (wdth 50..150, wght 200..900) are driven directly by scroll velocity and pointer X/Y coordinates so the headline stretches edge-to-edge (100vw) as a kinetic accordion.
Steal · motion/interactionNotes by Will
Phase-offset sine wave staggering (delay: calc(var(--line-index) * 45ms)) turns static multi-line stacked display type into a rhythmic mechanical cylinder.

Fonts: Whyte Inktrap, Monument Extended · Original: DIA Studio

private-reference-only

View original ↗

Source & usage rights

Original: DIA Studio. 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.

Commercial Type Specimen — Variable Axis Scrubbers & Historical Specimen Notes

Typotheque / Specimen Essay Pamphlet · editorial · via Fonts In Use

Source: pending · Classification: pending

Steal · component patternNotes by Will
Stack optical size (opsz), weight (wght), and width (wdth) scrubbers in a compact sticky header bar that updates every specimen paragraph on the page simultaneously.
Steal · grid/layoutNotes by Will
Separate each optical size tier (Display, Deck, Text, Micro) with a 1px solid #111111 rule and an explicit point-size range badge (6pt–9pt Agate, 18pt–36pt Deck).

Fonts: Graphik, Publico, Austin · Original: Paul Barnes & Christian Schwartz

private-reference-only

View original ↗

Source & usage rights

Original: Paul Barnes & Christian Schwartz. 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-05-31. 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