Type
Pairings across the family, a fluid scale, and the variable axes of Fraunces as living material.
In use across my work
The pairings already carrying my projects. Display, body and mono, each shown in its real typeface.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Our editorial tech voice. A light Fraunces display against IBM Plex body, with JetBrains Mono for data.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Astrophotal. A technical grotesk display over Inter, mono for coordinates and exposure values.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Wisdom Boom. Two serifs, a Didone display and a literary body, for a poetic, lyric register.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
01 · opsz 144 · 2026 · 47.05°N 8.31°E
Descienced. Geist sans and mono, clean and engineered, neutral enough to carry dense science.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Descienced for kids. Rounded Fredoka and friendly Nunito, warm and approachable.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Sound of Extinction. A lighter Playfair against Inter, cinematic and restrained.
Beyond, for what comes next
Fresh directions we do not use yet, all rendered live. A reference for future projects and a starting point for conversations with clients.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Crafted irregularity up top, a calm neutral grotesk below. Warm modern, indie studio.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
A matched superfamily. An elegant high contrast serif against its own clean sans.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Bold geometric personality, grounded by Sora's quiet rounded body. A statement hero.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Production serif with true optical sizing over a digital first grotesk. Long form journalism.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
Tall condensed industrial display with a grotesque workhorse body. Poster energy.
Knowledge, made tangible.
From quiet hairlines to expressive display, type carries the voice of a project. The same words feel different in every face, and that difference is the design.
A screen tuned serif paired to a playful geometric sans. Friendly but literary.
Variable, as living material
Fraunces carries optical size, softness and a wonk axis. Drag the axes and watch one typeface become many.
Stargaze
A fluid scale
One modular rhythm from caption to hero, sized with clamp so it breathes across viewports without breakpoints.
Modern moves
The techniques behind type that feels alive in 2026. Small decisions, large polish.
Variable fonts as motion
Animate weight, width or slant on scroll and hover. One file, an entire range of voices.
Fluid scale with clamp()
Viewport responsive sizing without breakpoint jumps. Hierarchy that breathes.
Optical sizing
Let display sizes gain contrast and small sizes thicken automatically, via the opsz axis.
Expressive display
Oversized headlines that break the grid. Whitespace as luxury, type as the hero image.
Mono for metadata
Dates, captions, tags and figures in mono. Signals data and adds editorial texture.
Balance and pretty wrap
text-wrap balance for headlines, pretty for body. Near zero effort, high editorial polish.
Aspirational faces
Commercial typefaces worth knowing, named here as reference. Not loaded, but on the radar for the right project.
The definitive neo grotesk of the era. Helvetica's memory, render perfect on screen.
A high contrast contemporary serif. The quintessential portfolio display face.
A calligraphic serif blending broad nib warmth with sharp cuts. Science and nature gravitas.
Type workshop
For kinetic, data-driven type experiments — letters that breathe, weights that follow numbers, headlines that thin out when something disappears.