Skip to content

Instantly share code, notes, and snippets.

@eonist

eonist/branding.md

Last active February 13, 2026 13:45
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save eonist/ab54b72ee76a243ea19c84b25759ff4f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save eonist/ab54b72ee76a243ea19c84b25759ff4f to your computer and use it in GitHub Desktop.
Download ZIP
branding.md
Raw
branding.md
  • Brand colors: #4724AB, #5832E2
  • fonts: Sans-serif Gerstner Programm: Geist or Space Grotesk, Monospace FT System Mono: Geist Mono or IBM Plex Mono
@eonist
Copy link
Author

eonist commented Feb 13, 2026

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 custom ascent-override, descent-override, and size-adjust values 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 .woff2 font files are loaded total (2 weights × 2 typefaces)
  • The site applies the antialiased class 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