- Brand colors: #4724AB, #5832E2
- fonts: Sans-serif Gerstner Programm: Geist or Space Grotesk, Monospace FT System Mono: Geist Mono or IBM Plex Mono
Last active
February 13, 2026 13:45
-
-
Save eonist/ab54b72ee76a243ea19c84b25759ff4f to your computer and use it in GitHub Desktop.
branding.md
Author
Author
Fonts Used on parallel.ai
The Parallel AI website uses two custom typefaces, both self-hosted as .woff2 files via Next.js font loading.
Sans-serif (primary): Gerstner Programm
The main body and heading font is Gerstner Programm, assigned to the CSS variable --font-sans.
- Loaded in two weights: 400 (Regular) and 500 (Medium)
- CSS variable chain:
--font-sans→--font-gerstnerprogramm→"gerstnerProgramm", "gerstnerProgramm Fallback" - The fallback font is a metrics-adjusted local
Arial(with customascent-override,descent-override, andsize-adjustvalues to minimize layout shift)
Gerstner Programm is a geometric sans-serif typeface originally designed by Karl Gerstner in 1964 and later digitized/released commercially. It's known for its clean, modernist aesthetic — a popular choice for tech and design-forward brands.
Monospace (secondary): FT System Mono
The monospace/code font is FT System Mono, assigned to the CSS variable --font-mono.
- Loaded in two weights: 400 (Regular) and 500 (Medium)
- CSS variable chain:
--font-mono→--font-ftsystemmono→"ftSystemMono", "ftSystemMono Fallback" - The fallback is also a metrics-adjusted local
Arial - This font is used for code-like elements, benchmark data labels, and the "machine mode" styling (
data-mode=machine)
FT System Mono is a monospaced typeface by the foundry Future Fonts / Frost Type, designed with a clean technical feel that pairs well with geometric sans-serifs.
Font Stack Summary
| Role | Font | CSS Variable | Weights | Fallback |
|---|---|---|---|---|
| Sans-serif (primary) | Gerstner Programm | --font-sans |
400, 500 | Arial (metrics-adjusted) |
| Monospace | FT System Mono | --font-mono |
400, 500 | Arial (metrics-adjusted) |
Technical Notes
- Built with Next.js font optimization — fonts are preloaded via
<link rel="preload">tags in the HTML<head> - Four
.woff2font files are loaded total (2 weights × 2 typefaces) - The site applies the
antialiasedclass globally for font smoothing - Tailwind CSS is used for utility classes with the font variables (
font-sans,font-mono)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
are there any google fonts that looks a bit like these that I can use instead?
Here are some solid Google Fonts alternatives that match the vibe of both Gerstner Programm (the sans-serif) and FT System Mono (the monospace) used on parallel.ai.
Alternatives for Gerstner Programm (sans-serif)
Gerstner Programm is a clean, geometric sans-serif rooted in Swiss modernist design. These Google Fonts share that same precise, technical aesthetic:
Alternatives for FT System Mono (monospace)
FT System Mono is a clean, technical monospace by Frost Type. These Google Fonts monos have a similar feel:
Best pairing to replicate the parallel.ai look
If you want the closest match to that Gerstner Programm + FT System Mono combo, I'd go with:
The Geist + Geist Mono combo is particularly fitting since they were designed as a matched pair and share the same Swiss/geometric DNA as the parallel.ai stack. If you're using Next.js (which parallel.ai does), they integrate natively via
next/font/google.1221314151617181920212223242526272829
Footnotes
https://lexingtonthemes.com/blog/geist-opentype-features.html ↩
https://github.com/vercel/geist-font ↩ ↩2 ↩3 ↩4
https://www.jukeboxprint.com/blog/best-google-fonts ↩ ↩2
https://baselinehq.com/blog/10-underrated-free-typefaces-google-fonts-webfonts-for-designers-sans-serifs.html ↩ ↩2 ↩3
https://blog.prototypr.io/10-underrated-free-sans-serif-typefaces-on-google-fonts-84a2d55a1f62 ↩
https://cssauthor.com/best-free-google-fonts-for-web-design/ ↩
https://www.dreamhost.com/blog/best-google-fonts/ ↩
https://fonts.google.com/specimen/Geist+Mono ↩ ↩2
https://fonts.google.com/specimen/Space+Mono ↩
https://wpshout.com/best-programming-fonts/ ↩ ↩2 ↩3
https://hail2u.github.io/mn/ ↩
https://vercel.com/font ↩
https://moseydesign.com.au/resources/10-sans-serifs-youll-actually-want-to-use ↩
https://european-alternatives.eu/alternative-to/google-fonts ↩
https://undullify.com/24-best-free-google-fonts-visual-guide/ ↩
https://maxibestof.one/typefaces/gerstner-programm ↩
https://maxibestof.one/typefaces/ft-system-mono ↩
https://www.youtube.com/watch?v=RDtqbvFUuQo ↩
https://maxibestof.one/typefaces/courier-prime ↩
https://ciderhouse.media/8-sans-serif-google-fonts-we-love/ ↩
https://fonts.google.com/specimen/PT+Mono ↩
https://www.whatfontis.com/NMY_Gerstner-Next.similar ↩
https://www.webfx.com/blog/web-design/free-programming-fonts/ ↩
https://uxdesign.cc/which-open-source-monospaced-font-is-best-for-coding-6bafd8d4b43c ↩
https://mushaboom.studio/articles/best-sans-serif-google-fonts ↩
https://jpolak.org/photo/monospaced-fonts-i-have-used/ ↩
https://fontsource.org/fonts/geist-mono ↩
https://tasarlab.com/en/10-frequently-preferred-google-fonts-and-their-features-in-design/ ↩
https://www.reddit.com/r/vim/comments/1itjglg/is_anyone_else_very_picky_about_which_monospace/ ↩