02 · Typography

Fonts that don't lie.

Every theme has a typographic signature. Pair correctly and the design holds. Pair wrong and the whole system collapses.

Pairing recommender

30 themes mapped

Theme	Heading	Body	Accent	Why
Neobrutalism	Space Grotesk	Inter	JetBrains Mono	Geometric + raw — matches the aesthetic.
Glassmorphism	Plus Jakarta Sans	Sora	—	Soft + modern, pairs with blur.
Neumorphism	DM Sans	Nunito	—	Rounded, soft, tactile feel.
Dark / Cyberpunk	JetBrains Mono	Fira Code	Fira Code	Pure monospace IS the aesthetic.
Claymorphism	Fredoka One	Nunito	—	Rounded + playful = clay energy.
Flat / Minimal	Inter	Inter	IBM Plex Mono	The neutral workhorse of SaaS.
Retro / Y2K	Space Grotesk	DM Sans	VT323	Y2K nostalgia but readable.
Swiss / International	Inter Tight	Helvetica Neue	—	Grid-locked, editorial authority.
Aurora / Mesh	Syne	Plus Jakarta Sans	Cal Sans	Futuristic elegance.
Memphis / Pop Art	Lilita One	DM Sans	Boogaloo	Loud display + clean body.
Corporate	Source Serif 4	IBM Plex Sans	—	Institutional trust font stack.
Retro Terminal	Fira Code	JetBrains Mono	Source Code Pro	All mono, all the time.
Cottagecore	Playfair Display	Lora	EB Garamond	Warm serifs, hand-crafted feel.
Bento Grid	Geist	Inter	IBM Plex Mono	Apple-adjacent, precise.
Skeuomorphism	Georgia	Palatino	—	Classic serifs match physical UI.
Dopamine	Baloo 2	Nunito	Quicksand	Bouncy, approachable, joyful.
Dark Luxury	Cormorant Garamond	EB Garamond	—	Thin serif = taste + exclusivity.
Type-First	Bebas Neue	Syne	Anton	Typography IS the design.
Sci-Fi / HUD	Orbitron	Rajdhani	Share Tech Mono	Wide letters, future feel.
Pastel / Soft	Outfit	DM Sans	Nunito	Gentle + breathable.
Data Dense	IBM Plex Mono	Roboto Mono	Source Code Pro	Tabular clarity, non-negotiable.
Aurora + Glassmorphism	Syne	Plus Jakarta Sans	Cal Sans	Premium AI-grade stack — futuristic + readable.
Neobrutalism + Flat	Space Grotesk	Inter	JetBrains Mono	Bold landing, clean interior — best of both.
Bento Grid + Flat	Geist	Inter	IBM Plex Mono	Apple-adjacent clarity, no noise.
Vaporwave Grid	Space Grotesk	DM Sans	VT323	Retro display + readable body.
Lemon Drop	Space Grotesk	Inter	JetBrains Mono	High-contrast brutalist stack.
Midnight Brick	Space Grotesk	Inter	Fira Code	Engineered feel — dark + precise.
Cotton Punch	Space Grotesk	Nunito	—	Playful rounded body softens the bold borders.
Forest Flat	Space Grotesk	DM Sans	IBM Plex Mono	Calm authority — earthy but modern.
Chalk Board	Space Grotesk	Lora	—	Editorial serif body pairs with geometric display.

Live specimens

12 essential fonts

Geometric Sans

Inter

100–900

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: B2B SaaS, dashboards, UI

WorkhorseVariableFree

Geometric Sans

Space Grotesk

300–700

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Indie SaaS, neobrutalism, tech

GeometricEdgy

Monospace

JetBrains Mono

100–800

Aa Bb Cc
The quick brown fox jumps over the lazy dog
0123456789 & ! ? @ #

Best for: Code, terminals, dev tools

CodeLigatures

Geometric Sans

Plus Jakarta Sans

200–800

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Modern SaaS, AI products

ModernSmooth

Display

Syne

400–800

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Aurora, premium AI brands

PremiumQuirky

Geometric Sans

Geist

100–900

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Bento, Apple-adjacent UI

VercelPrecise

Modern Serif

Cormorant Garamond

300–700

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Dark luxury, editorial

ElegantThin

Modern Serif

Playfair Display

400–900

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Cottagecore, editorial heroes

ClassicBold

Display

Bebas Neue

400

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Type-first, posters, headlines

CondensedLoud

Display

Orbitron

400–900

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Sci-fi HUDs, futuristic UI

FuturisticWide

Display

Fredoka One

400

Aa Bb Cc

The quick brown fox jumps over the lazy dog

0123456789 & ! ? @ #

Best for: Claymorphism, kids, playful

RoundedFriendly

Monospace

IBM Plex Mono

100–700

Aa Bb Cc
The quick brown fox jumps over the lazy dog
0123456789 & ! ? @ #

Best for: Data dense, fintech terminals

TabularIBM