Font pairing · live preview

See the type before you commit to it.

Every card is rendered in the portfolio's own palette (near-black, paper, vermillion). Read the headline, then the paragraph — that's the test that matters. Pick a number, then tell the agent which one to apply.

01  Instrument Serif + ArchivoEditorial
Instrument Serif
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

JetBrains Mono · AaBb 0123
A fine, slightly condensed serif for big headlines; a plain grotesk keeps body copy quiet. Mono handles specs without shouting.
Portfolio · studio · documentationD Instrument SerifB ArchivoM JetBrains Mono
02  Fraunces + DM SansEditorial
Fraunces
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Space Mono · AaBb 0123
Fraunces is a soft-serif with character; DM Sans is neutral. The warmth is balanced by the plain body, so it never tips into twee.
Creative studio · lifestyle brandD FrauncesB DM SansM Space Mono
03  Playfair Display + Source Sans 3Editorial
Playfair Display
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Source Sans 3 · AaBb 0123
The classic didone + humanist sans. Maximum magazine energy with a very readable body. Widely used — make it intentional.
Fashion · luxury · editorialD Playfair DisplayB Source Sans 3
04  Cormorant Garamond + Proza LibreEditorial
Cormorant Garamond
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Proza Libre · AaBb 0123
Delicate high-contrast serif with a slightly quirky, warm sans body. Elegant without the Playfair cliché.
Boutique · beauty · slow-livingD Cormorant GaramondB Proza Libre
05  Newsreader + InterEditorial
Newsreader
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
A literary serif with real italics against the most neutral UI sans. Reads as 'thoughtful publication', not 'tech startup'.
Writing · journalism · long-formD NewsreaderB Inter
06  Space Grotesk + InterTechnical
Space Grotesk
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

JetBrains Mono · AaBb 0123
Space Grotesk has just enough oddness to read as technical; Inter is invisible in the best way. The mono ties it to software.
Developer portfolio · dev tool · API docsD Space GroteskB InterM JetBrains Mono
07  Geist + Geist MonoTechnical
Geist
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Geist Mono · AaBb 0123
A single family plus its mono sibling — geometric, precise, modern. Zero risk of clashing because it is one design system.
Product · SaaS · minimal dashboardD GeistB GeistM Geist Mono
08  IBM Plex Serif + Sans + MonoTechnical
IBM Plex Serif
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

IBM Plex Mono · AaBb 0123
A designed family with matching serif and mono, engineered to sit together. Corporate-credible and unusual enough to stand out.
Enterprise · infrastructure · docsD IBM Plex SerifB IBM Plex SansM IBM Plex Mono
09  Archivo + Archivo NarrowTechnical
Archivo
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Space Mono · AaBb 0123
One grotesk family at two widths. Tight, functional, a bit newspaper-industrial. The mono adds the machine voice.
Data-heavy · systems · terminalD ArchivoB Archivo NarrowM Space Mono
10  Bricolage Grotesque + InterProduct
Bricolage Grotesque
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
Bricolage is a grotesque with real personality for headlines; Inter stays out of the way in the interface.
Modern product · startup landingD Bricolage GrotesqueB Inter
11  Plus Jakarta Sans + InterProduct
Plus Jakarta Sans
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
Jakarta is a geometric-humanist hybrid, friendly and slightly rounded; a strong single brand face with Inter as UI workhorse.
Consumer app · fintech · friendly SaaSD Plus Jakarta SansB Inter
12  Manrope + InterProduct
Manrope
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
Manrope's semi-rounded geometry gives headlines a soft modern feel; Inter keeps body text neutral. Low-risk, high-polish.
SaaS · health · productivityD ManropeB Inter
13  Outfit + Work SansProduct
Outfit
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Work Sans · AaBb 0123
Outfit is a clean geometric display; Work Sans is a slightly warmer grotesk body. Crisp and contemporary without being cold.
Startup · marketing · design-forwardD OutfitB Work Sans
14  Lora + KarlaHumanist
Lora
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Karla · AaBb 0123
Lora is a balanced contemporary serif with brushy roots; Karla is a grotesque with a quirky humanist feel. Both have warmth.
Blog · nonprofit · personal · educationD LoraB Karla
15  Merriweather + Open SansHumanist
Merriweather
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Open Sans · AaBb 0123
Two very sturdy, screen-optimised faces. Unfashionable but bulletproof — readability above all.
Government · accessibility-first · content-heavyD MerriweatherB Open Sans
16  Alegreya + Alegreya SansHumanist
Alegreya
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Alegreya Sans · AaBb 0123
The same designer made both — a calligraphic serif and its sans companion. They share DNA, so the pairing is inherently harmonious.
Publishing · cultural institutions · bookishD AlegreyaB Alegreya Sans
17  Spectral + RubikHumanist
Spectral
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Rubik · AaBb 0123
Spectral is a screen-first serif; Rubik's subtly rounded corners keep the interface friendly. Warm and modern.
Lifestyle · wellness · editorial productD SpectralB Rubik
18  Archivo Black + InterBold
Archivo Black
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Space Mono · AaBb 0123
A heavy grotesque slab of a headline; Inter and a mono keep everything else stark. High contrast in weight, not category.
Bold landing · event · manifestoD Archivo BlackB InterM Space Mono
19  Syne + Space GroteskBold
Syne
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Space Grotesk · AaBb 0123
Syne is an unusual, wide, retro-futurist display; Space Grotesk grounds it as a technical body. Two designy faces, different roles.
Art · crypto · creative techD SyneB Space Grotesk
20  Alfa Slab One + InterBold
Alfa Slab One
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
A fat slab display against a neutral sans. The clash is the point — loud headline, quiet everything else.
Poster-like hero · retail · loud brandD Alfa Slab OneB Inter
21  Space Mono + Space GroteskBold
Space Mono
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Space Mono · AaBb 0123
Using the mono as the display face is a deliberate inversion — it reads as terminal/technical, with a legible grotesk body.
Developer · cyber · lab aestheticD Space MonoB Space GroteskM Space Mono
22  Inter (variable)Single
Inter
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Inter · AaBb 0123
When chosen deliberately and used across 300–900 with tight display tracking, it is a complete system. Commit, don't default.
Any — when coherence beats characterD InterB Inter
23  DM SansSingle
DM Sans
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

DM Sans · AaBb 0123
Geometric, low-contrast, nine weights with italics. A friendlier single-family alternative to Inter.
Product · marketing · general-purposeD DM SansB DM Sans
24  GeistSingle
Geist
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Geist · AaBb 0123
A modern geometric grotesk designed for interfaces; a single family that reads as current.
Product · dev tool · minimal portfolioD GeistB Geist
25  Onest + Hanken GroteskNeo-Grotesk
Onest
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Hanken Grotesk · AaBb 0123
Onest is a 2024/25 hybrid of geometric and humanist grotesque — confident, slightly futuristic headlines. Hanken Grotesk (a Hanken School of Economics commission) is a quiet humanist workhorse that keeps the body grounded.
AI product · modern SaaS · startup landingD OnestB Hanken Grotesk
26  Schibsted Grotesk + FigtreeNeo-Grotesk
Schibsted Grotesk
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Figtree · AaBb 0123
Built for Schibsted's Scandinavian newsrooms — it has the clarity of a news typeface plus enough brand personality for headlines. Figtree's rounded terminals keep body copy approachable.
Media startup · newsroom-as-product · editorial techD Schibsted GroteskB Figtree
27  Instrument Sans + Albert SansNeo-Grotesk
Instrument Sans
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Albert Sans · AaBb 0123
Two sans faces with different personalities instead of a serif contrast — a 2025 trend of pairing within the grotesque family by weight and width rather than category. Instrument Sans leads, Albert Sans stays quiet.
Design tool · product UI · variable-type showcaseD Instrument SansB Albert Sans
28  Gabarito + MulishNeo-Grotesk
Gabarito
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Mulish · AaBb 0123
Gabarito is a light-hearted geometric sans (originally built for a Brazilian online learning platform) that softens headlines; Mulish is a low-contrast neutral body that never competes.
Edtech · consumer app · friendly dashboardD GabaritoB Mulish
29  Sora + UrbanistNeo-Grotesk
Sora
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Urbanist · AaBb 0123
Sora's rounded geometric terminals read as 'crafted'; Urbanist is airy and wide, giving the body room to breathe. A very common 2025 fintech/crypto landing-page combo.
Fintech · Web3 · minimal landing pageD SoraB Urbanist
30  Red Hat Display + Red Hat TextNeo-Grotesk
Red Hat Display
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Red Hat Text · AaBb 0123
A matched superfamily designed as one system — zero clash risk. The display cut adds character to headlines; the text cut is tuned specifically for long-form UI copy.
Open-source product · dev platform · enterprise-but-friendlyD Red Hat DisplayB Red Hat Text
31  Bodoni Moda + Instrument SansMaximalist Serif
Bodoni Moda
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Instrument Sans · AaBb 0123
2026's 'loud serif' trend: Bodoni Moda's variable optical sizing lets a true didone go properly high-contrast at display sizes without going fragile at small ones. Instrument Sans keeps the interface calm.
Luxury · fashion · beauty e-commerceD Bodoni ModaB Instrument Sans
32  Big Shoulders + Hanken GroteskMaximalist Serif
Big Shoulders
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Hanken Grotesk · AaBb 0123
A condensed, ultra-black variable superfamily built for the Chicago Design System — pure industrial headline impact. Hanken Grotesk is the quiet counterweight underneath.
Civic/city branding · bold editorial · poster-like heroD Big ShouldersB Hanken Grotesk
33  Petrona + EpilogueMaximalist Serif
Petrona
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Epilogue · AaBb 0123
Petrona's calligraphic-leaning italics and moderate contrast feel hand-finished rather than printed; Epilogue is a clean, slightly geometric sans that lets the serif's personality lead.
Boutique · wedding/event · soft luxuryD PetronaB Epilogue
34  Literata + OnestMaximalist Serif
Literata
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Onest · AaBb 0123
Literata was designed by Google specifically for on-screen long-form reading (it's the Google Play Books face). Onest handles the surrounding product UI.
Reading app · newsletter product · digital publishingD LiterataB Onest
35  STIX Two Text + Red Hat TextMaximalist Serif
STIX Two Text
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Red Hat Text · AaBb 0123
Built by a scientific-publisher consortium for rigorous typesetting — real math glyphs and ligatures. Red Hat Text keeps the interface chrome neutral around it.
Academic · scientific publishing · research toolD STIX Two TextB Red Hat Text
36  Jersey 10 + ChivoRetro / Pixel
Jersey 10
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Chivo · AaBb 0123
Jersey 10's sporty, knittable pixel shapes nail the Y2K/varsity revival that's back for 2026. Chivo's grotesque body keeps paragraphs legible once the gimmick font stops being used for headlines.
Gaming · Gen-Z brand · playful merch siteD Jersey 10B Chivo
37  Silkscreen + Atkinson HyperlegibleRetro / Pixel
Silkscreen
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Atkinson Hyperlegible · AaBb 0123
Silkscreen is the original 2001 'web pixel font', back in style for low-res/8-bit branding. Pairing a gimmick display with a genuinely accessible body keeps the page usable past the headline.
Retro-tech · indie game · accessible-but-funD SilkscreenB Atkinson Hyperlegible
38  VT323 + Fragment MonoRetro / Pixel
VT323
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Fragment Mono · AaBb 0123
VT323 recreates an actual CRT terminal font for display. Fragment Mono (a monospaced Helvetica derivative) is readable enough to carry body copy in a deliberately all-mono layout.
Terminal aesthetic · hacker portfolio · cyberpunkD VT323B Fragment MonoM Fragment Mono
39  Martian Mono + Hanken GroteskTech-Mono
Martian Mono
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Fragment Mono · AaBb 0123
Martian Mono's wide, almost sci-fi letterforms work as a display face, not just code. Hanken Grotesk carries actual reading; Fragment Mono is reserved for real code/specs.
Dev tool · terminal-inspired SaaS · API docsD Martian MonoB Hanken GroteskM Fragment Mono
40  Victor Mono + FigtreeTech-Mono
Victor Mono
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Victor Mono · AaBb 0123
Victor Mono's distinctive cursive italics make inline code and emphasis pop without leaving monospace. Figtree is warm and rounded so the whole page doesn't feel like a terminal.
Developer portfolio · code-editor brandingD Victor MonoB FigtreeM Victor Mono
41  Spline Sans Mono + Spline SansTech-Mono
Spline Sans Mono
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Spline Sans Mono · AaBb 0123
A matched sans + mono superfamily from the same design — display, body, and code snippets all share proportions and never visually argue.
Dev-product crossover · technical landing pageD Spline Sans MonoB Spline SansM Spline Sans Mono
42  Lexend + Atkinson HyperlegibleAccessible
Lexend
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Atkinson Hyperlegible · AaBb 0123
Both faces were engineered against reading research: Lexend for reading-speed/comprehension studies, Atkinson Hyperlegible for low-vision users at the Braille Institute. Accessibility as the design decision, not an afterthought.
Edtech · government · inclusive-design-first productD LexendB Atkinson Hyperlegible
43  Atkinson Hyperlegible + MulishAccessible
Atkinson Hyperlegible
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Mulish · AaBb 0123
Atkinson Hyperlegible's distinct letter shapes — its whole reason for existing — work fine at display size too. Mulish is a quiet neutral body for the long text blocks accessibility-first sites tend to have.
Public sector · healthcare · accessibility-first contentD Atkinson HyperlegibleB Mulish
44  Unbounded + Albert SansKinetic
Unbounded
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Albert Sans · AaBb 0123
Unbounded is a chunky, geometric-rounded variable display built for big kinetic headlines and motion. Albert Sans is a quiet grotesque that won't fight it in paragraphs.
Gen-Z brand · music/culture site · bold rounded heroD UnboundedB Albert Sans
45  Abril Fatface + Josefin SansClassic
Abril Fatface
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Josefin Sans · AaBb 0123
The quintessential early-2010s fashion-blog pairing — a bold, high-contrast didone against a geometric Art Deco-inspired sans. Dated as a 'look', but structurally still a textbook example of contrast done right.
Fashion blog · boutique · editorial retailD Abril FatfaceB Josefin Sans
46  Libre Baskerville + Libre FranklinClassic
Libre Baskerville
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Libre Franklin · AaBb 0123
One of the most recommended blog pairings of the last decade — Baskerville's generous x-height stays readable at small sizes, and Libre Franklin (after ATF's Franklin Gothic) is a sturdy, neutral body.
Blog · long-form reading · personal siteD Libre BaskervilleB Libre Franklin
47  EB Garamond + MontserratClassic
EB Garamond
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Montserrat · AaBb 0123
An old-style book revival against the single most iconic geometric sans of the 2010s. Still the default 'trustworthy and a little literary' combination a decade on.
Publishing · boutique brand · book-inspired identityD EB GaramondB Montserrat
48  PT Serif + PT SansClassic
PT Serif
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

PT Sans · AaBb 0123
Commissioned as a unified superfamily for Russian government use, built for legibility across huge size and language ranges. A genuine workhorse pairing, still common in institutional and print-to-web contexts.
Government · institutional · print-to-webD PT SerifB PT Sans
49  Crimson Text + RalewayClassic
Crimson Text
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Raleway · AaBb 0123
Crimson Text channels old-school book typesetting (it's modeled on Garamond); Raleway — originally a single thin weight that grew into a full family — became a 2010s staple for clean personal sites.
Academic · thoughtful personal site · portfolioD Crimson TextB Raleway
50  Vollkorn + LatoClassic
Vollkorn
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Lato · AaBb 0123
Vollkorn is a quiet, sturdy German book serif; Lato has been 'the' humanist sans for a decade of products precisely because it disappears into the reading experience.
Blog · personal portfolio · approachable brandD VollkornB Lato
51  Oswald + LatoClassic
Oswald
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Lato · AaBb 0123
Oswald (a web-friendly reinterpretation of Alternate Gothic) makes an authoritative condensed masthead; Lato underneath has carried body text reliably since the early Google Fonts era.
Masthead/editorial header · publishingD OswaldB Lato
52  Noto Serif + Noto SansClassic
Noto Serif
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Noto Sans · AaBb 0123
Google's own universal pairing — built for full Unicode coverage across every script. The safest possible 'it will just work everywhere' classic choice.
Documentation · multi-language product · universal utilityD Noto SerifB Noto Sans
53  Bitter + RalewayClassic
Bitter
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Raleway · AaBb 0123
Bitter is a slab serif purpose-built for screen reading; paired with Raleway it reads as a design-forward blog from the mid-2010s that, honestly, still looks fine today.
Design-forward blog · slab-serif editorialD BitterB Raleway
54  Domine + Nunito SansClassic
Domine
Aa Bg 0123

The quick brown fox jumps over the lazy dog.

Nunito Sans · AaBb 0123
Domine was designed explicitly to look good in long paragraphs on a screen; Nunito Sans is the more neutral, less-rounded sibling of Nunito, a safe, friendly body partner.
Content site · newsletter · friendly long-formD DomineB Nunito Sans