Three voices, one rhythm
A serif for authority. A system sans for clarity. A monospace for precision. All sized on the golden ratio.
Charter — the serif
Charter was designed by Matthew Carter in 1987 for Bitstream, optimized for low-resolution output. That pragmatism aged beautifully: Charter renders crisply on every screen density, from Retina displays to 1080p monitors. Its generous x-height and open counters give it warmth without sacrificing legibility at small sizes.
We use it for all headings (h1–h3), hero text, and pull quotes. The serif strokes add visual weight that anchors each section, creating clear hierarchy against the lighter sans-serif body text.
Charter ships with macOS. No web fonts to download, no layout shift, no FOUT. The fallback stack (Georgia → Times New Roman) follows the same humanist serif lineage.
System sans-serif — the workhorse
On macOS, -apple-system resolves to San Francisco, Apple’s own typeface designed for UI clarity. On Windows it becomes Segoe UI; on older systems, Helvetica Neue. All are neutral grotesques optimized for screen reading.
We use the system sans for body text, navigation, buttons, labels, and descriptive paragraphs. Its neutrality lets the serif headings and mono code elements stand out. The system font stack also means zero network requests for typography — the fastest font is the one already on your device.
Menlo — the monospace
Menlo is Apple’s default terminal font, derived from Bitstream Vera Sans Mono. For a terminal emulator’s marketing site, using the actual terminal font is a nod to the product itself. It signals “this is software for people who live in the terminal.”
We use Menlo for statistics, numerical data, code snippets, token names, and technical labels. Its fixed-width characters align numbers cleanly in the hero stats and comparison tables.
The φ type scale
All three fonts share the same nine-stop size scale derived from the golden ratio. Here’s how it looks with Charter:
“Three system fonts, nine golden-ratio stops, zero web font requests. Typography that loads instantly and scales harmoniously.”
Read more about the mathematical foundation: The Golden Ratio →