Manrope + Inter — Modern Tech Company Typography

How to use Manrope for distinctive headings and Inter for body text in tech company websites, following the patterns of Linear, Vercel, and Raycast.

Specific Pairings

Detailed Explanation

Manrope + Inter for Tech Companies

This pairing has become the signature look of modern tech companies. Manrope adds personality to headings while Inter provides the clean, neutral body text that developers expect.

Manrope: The New Tech Heading

Manrope is a modern sans-serif with subtle semi-rounded letterforms. At heavy weights (700-800), it creates distinctive headings that feel contemporary without being flashy, striking the perfect balance for tech brands.

h1, h2, h3 {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  font-weight: 800;
  letter-spacing: -0.03em;
}

Inter: The Industry Standard

Inter is used by Vercel (who commissioned its variable font version), Linear, Raycast, and hundreds of other tech companies. Its features include:

  • Contextual alternates for better readability
  • Tabular numbers for data alignment
  • Multiple OpenType features
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

The Tech Aesthetic

Modern tech typography favors tight letter-spacing on headings (-0.02 to -0.04em), large hero text (48-72px), and subtle font-feature-settings. Dark mode is typically the default, with body text at #e5e5e5 on #0a0a0b backgrounds.

Use Case

Use this pairing for developer tool marketing pages, tech startup landing pages, SaaS product sites, and any brand that wants to signal modernity and technical sophistication to an audience of developers and tech-savvy users.

Try It — Google Fonts Pair Finder

Open full tool