Typography
One scale, authored in pixels and multiplied by --text-scale so the reader’s text-size control moves all of it at once. Line height and tracking are bundled into each step and applied by the Tailwind utility, so a size is never set without them.
Set in 'Geist Variable', applied through font-sans. Every size below is a Tailwind utility named
after its token.
The quick brown fox
line-height 1 · tracking -0.03em
The quick brown fox
line-height 1.05 · tracking -0.03em
The quick brown fox
line-height 1.1 · tracking -0.025em
The quick brown fox
line-height 1.2 · tracking -0.02em
The quick brown fox
line-height 1.25 · tracking -0.02em
The quick brown fox
line-height 1.35 · tracking -0.02em
The quick brown fox
line-height 1.4 · tracking -0.015em
The quick brown fox
line-height 1.5 · tracking -0.01em
The quick brown fox
line-height 1.5
The quick brown fox
line-height 1.55
The quick brown fox
line-height 1.5
The faces
Two faces, each doing exactly one job. Josefin Sans is the wordmark and nothing else — never reach for it to set running text. Both ship under OFL-1.1: free to install, bundle and modify, not to resell on their own.
Josefin Sans
Wordmark · weights 100–700
The quick brown fox jumps over the lazy dog
Download Josefin Sans