# Typography systems across software websites

[Open the live Fudge conversation](https://design.withfudge.com/share/software-website-typography-systems)

Last updated: 2026-07-28

Inspected representative software sites. The dominant pattern is a **sans + mono pairing**. Developer-facing brands need a credible mono face because code snippets, CLI output, product screenshots, and technical labels are part of the marketing surface.

| Site | Core type system | Typography strategy |
|---|---|---|
| Stripe | `sohne-var`, `SourceCodePro` | Polished editorial SaaS: neutral grotesk, tight hierarchy, code font only for technical moments. |
| Linear | `Inter Variable`, `Berkeley Mono`, `Tiempos Headline` | Product-native precision: dense tokenized scale and custom weights. |
| Vercel | `GeistSans`, `Geist Mono` | Developer-brand system across UI, docs, code, and brand moments. |
| Notion | `Inter`, `Lyon Text`, `iA Writer Mono` | Writing/product hybrid with clean UI sans, editorial serif, and mono affordances. |
| GitHub | Mona Sans plus Primer/system stack | Branded marketing layered over practical product typography. |
| Figma | `figmaSans`, `figmaMono` | Brand-owned product typography with fallback metrics. |
| Slack | `Salesforce-Sans`, `Salesforce-Avant-Garde`, Noto stacks | Enterprise marketing system with broad localization coverage. |
| Supabase | `Circular Std`, `Inter`, `Source Code Pro` | Developer startup system: expressive headings, practical UI sans, code face for examples/docs. |

The strongest reusable pattern is: high-quality variable sans for most text, serious mono for technical surfaces, restrained letter spacing, tokenized type scales, and fallback stacks that preserve layout stability.

## Software website typography systems

- **Sohne** — weight 400 · Polished editorial SaaS grotesk; Source Code Pro appears for technical moments.
- **Inter Variable** — weight 400 · Dense tokenized type scale with Berkeley Mono and occasional Tiempos Headline contrast.
- **Geist Sans** — weight 400 · Developer-brand superfamily with Geist Mono for code and product surfaces.
- **Inter** — weight 400 · Practical UI sans preview; Notion's captured NotionInter asset is stale in the active KB.
- **figmaSans** — weight 400 · Brand-owned sans/mono pairing with fallback metrics for stable rendering.
- **Circular Std** — weight 400 · Captured Supabase row in Fudge; Inter and Source Code Pro appear nearby in the system.

## Captured pages

[![Stripe typography](https://pin.fontofweb.com/61?format=jpg)](https://design.withfudge.com/share/pin-61)

[Stripe typography](https://design.withfudge.com/share/pin-61)

[![Linear typography](https://pin.fontofweb.com/4902?format=jpg)](https://design.withfudge.com/share/pin-4902)

[Linear typography](https://design.withfudge.com/share/pin-4902)

[![Vercel typography](https://pin.fontofweb.com/299?format=jpg)](https://design.withfudge.com/share/pin-299)

[Vercel typography](https://design.withfudge.com/share/pin-299)