Variable Type Specimen

Variable fonts changed typography. A single font file containing an entire family — weight, width, slant, optical size, and custom axes — is a fundamentally different thing from a collection of static files.

But most specimens still treat variable fonts like static fonts, showing a few preset weights on a white page.

The Idea

I wanted to build something that made the continuousness of variable fonts feel tangible. Not “here are the weights” — but a surface where you could move through the design space and feel it respond.

What I Built

The specimen is a single-page interactive piece. Three axes are exposed as sliders: weight (100–900), width (75–125), and optical size (8–144). As you move any slider, every piece of text on the page updates in real time.

Sections are arranged to highlight different parts of the design space:

Running text at reading size — reveals how optical size axis affects stroke contrast and legibility
Display setting — shows the dramatic range of weight and width at large scale
Numbers and punctuation — often the most revealing characters for a typeface’s character

What I Learned

Variable fonts are harder to specify than static fonts because the design space is continuous. There’s no “bold” — there’s 700, or 650, or 712. Type decisions that used to be discrete are now analogue.

That’s liberating and paralyzing in equal measure. The specimen helped me understand where to set limits.