All pairings

Modern Clean

Clean and neutral sans-serif pairing. Perfect for SaaS dashboards and web applications.

cleanneutralSaaSSaaSdashboardweb app

Installation

$ pnpm dlx shadcn@latest add @fonttrio/modern-clean
Headingsans-serif

Inter

The quick brown fox

Bodysans-serif

Inter

Jumps over the lazy dog and runs across the meadow

Monomonospace

Geist Mono

const x = fn(42);

Try it with your text

Inter
Inter
Geist Mono
Building a Type System That Scales
Choose fonts that complement each other while serving distinct roles. The heading font sets the tone, the body font ensures readability, and the monospace font handles technical content.
Welcome back
Sign in to your account to continue
Quick Setup
Install and configure in seconds
npx shadcn add @fonttrio/modern-clean
Pro Plan
Everything you need to ship faster
$49/month
  • Unlimited font pairings
  • Custom typography scales
  • Priority support

Push notifications

Receive alerts on your device

Email digest

Weekly summary of activity

Marketing

Product updates and tips

Find a pairing
Search by name, mood, or use case
elegantmodernplayfultechnicalminimal

Typography scale

LevelSizeWeightLH
h12.25rem7001.2
h21.875rem6001.25
h31.5rem6001.3
h41.25rem5001.35
body1rem4001.6
$ pnpm dlx shadcn@latest add @fonttrio/modern-clean
h1

Inter

h2

Inter

h3

Inter

h4

Inter

body

The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.

Similar pairings

Lato

Two versatile sans-serifs with subtly different personalities. Clean dual-sans pairing for UI-heavy projects.

pnpm dlx shadcn@latest add @fonttrio/lato-roboto

Open Sans

Two highly legible humanist sans-serifs. Neutral, professional dual-sans pairing for content-heavy sites.

pnpm dlx shadcn@latest add @fonttrio/open-sans-source-sans-3

Archivo Narrow

Inter balances the tight spacing of Archivo Narrow with modern clarity.

pnpm dlx shadcn@latest add @fonttrio/archivo-narrow-inter

DM Sans

DM Sans and Inter share a neutral tone perfect for digital interfaces.

pnpm dlx shadcn@latest add @fonttrio/dm-sans-inter

Inknut Antiqua

Inter gives a modern counterbalance to Inknut Antiqua’s historic tone.

pnpm dlx shadcn@latest add @fonttrio/inknut-antiqua-inter

Libre Baskerville

Inter softens the formal tone of Libre Baskerville with tech-ready clarity.

pnpm dlx shadcn@latest add @fonttrio/libre-baskerville-inter

FONTTRIO