Skip to main content

Typography Combination Themes

Same article. Six typeface pairings. All driven by data-typo scoped custom properties — no inline font props, no component overrides. Each card is an <article> with a single attribute.

default Work Sans · Whirly Birdie
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

editorial Georgia serif · Georgia serif
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

expressive Work Sans · LoreAlt handwritten
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

mono System mono · Whirly Birdie (wide)
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

minimal System UI · System UI
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

fun Work Sans · BettyVeronica
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

bricolage Lora · Bricolage Grotesque
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

gambetta Geist · Gambetta
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

mamba Plus Jakarta Sans · Mamba
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

sriracha Geist · Sriracha
Design Notes

The Quiet Revolution in Type Design

Why pairing voices on the page still matters in an age of defaults

Typography has always been the quiet engineer of human communication. Long before the age of pixels and screens, typesetters understood that the choice of letterform could determine whether a message felt urgent or meditative, authoritative or approachable. That instinct has not changed — only the medium has.

Today we find ourselves at a peculiar crossroads. Web fonts have made an enormous library of typefaces accessible to anyone with a stylesheet, yet the prevailing tendency is toward sameness. The same handful of geometric sans-serifs, the same tightly kerned headings, the same relentless neutrality. Personality is treated as a liability.

What gets lost in this uniformity is voice. Typography is the closest thing text has to tone of voice. The same sentence set in Georgia and set in terminal mono is not the same sentence at all. One speaks from a leather chair by lamplight; the other from a command line at midnight.

The good news is that the infrastructure for rich typographic expression has never been stronger. Variable fonts, scoped CSS custom properties, container queries — the tools exist. What remains is the willingness to make a distinct, intentional choice and to hold to it consistently across a system.

Let's Talk

Tom avatar

Get in touch

I work at the intersection of design and code.
Interested? Hit me up.
tomhermans@gmail.com

Copyright © 2026 Tom Hermans. Made by Tom Hermans .

All rights reserved 2026 inc Tom Hermans