Tinkering · the workbench
Experiments
My letter playground, come play with me or just say hi! These are not from client work, just my tinkerings while I cannot find a place provide these all yet. Some become techniques; some just teach me something.
№ 01
Variable font playground
One typeface, five live dials. Drag sliders to morph the axes of Fraunces across "Gradatim Ferociter".
CSS · JS · variable fonts
№ 02
Holographic model cards
A growing deck of mental models as dark cards — browse the carousel, watch light cross the letterforms, flip a card for its definition.
CSS · JS · variable fonts
№ 03
Six tones, one letter
An explorable infographic of Vietnamese diacritics — build a syllable from a vowel, a quality mark and one of six tones, watch the stack assemble, then see what a font without a Vietnamese subset does to it.
JS · Unicode · type design · explorable
№ 04
Step by step, ferociously
An explorable note on compounding — drag the numbers inside the sentence and watch the curve, and a letter of type, grow with them until the letter no longer fits the page.
JS · dataviz · explorable · type
№ 05
Neon Breath
A specimen archive of storefront neon — browse the carousel, filter by letterform style (brush script, slab, monoline…), and find each sign on the map it glows on.
CSS · JS · lettering · maps
№ 06
One line, five voices
Type your own line and watch the same words wear five typographic voices — whisper, declaration, conversation, terminal, play — plus one empty frame where hand lettering begins.
CSS · JS · variable fonts