D DesignFonts Open Font Preview

Pairings

Curated pairings by use-case. Each pairing includes CSS starter snippets.

Browse by theme

Modern UI pairings

Pairings for modern interfaces: clean headings, readable body text, and reliable hierarchy.

Open →

SaaS pairings

Pairings that work for product pages, dashboards, and marketing sites.

Open →

Ecommerce pairings

Pairings for product pages and catalogs: clear hierarchy and legible descriptions.

Open →

Luxury pairings

Pairings with editorial contrast and premium feel for high-end brands.

Open →

Editorial pairings

Pairings for reading: serif/sans combinations with comfortable rhythm.

Open →

Dev documentation pairings

Pairings optimized for technical docs: scannable headings and code-friendly monos.

Open →

Marketing pairings

Pairings for campaigns, landing pages, and strong CTA sections.

Open →

Agency pairings

Versatile pairings for creative agencies and multi-brand portfolios.

Open →

Portfolio pairings

Pairings that show personality while keeping body text readable.

Open →

Fashion pairings

High-contrast pairings for lookbooks and editorial product storytelling.

Open →

Fintech pairings

Confident, trustworthy pairings with strong hierarchy for data-heavy pages.

Open →

Real estate pairings

Pairings for listings and brochures: clarity, trust, and strong headings.

Open →

Restaurant pairings

Pairings for menus and brand pages: personality plus legibility.

Open →

Blog pairings

Pairings for articles and newsletters: readable body text and clear headings.

Open →

Corporate pairings

Neutral, professional pairings for business websites and presentations.

Open →

Featured pairings

Libre Baskerville + Manrope

Open pairing →

Marcellus + Raleway Dots

Open pairing →

Marcellus + IBM Plex Sans

Open pairing →

DM Serif Display + Switzer

Open pairing →

Noto Serif Display + Supreme

Open pairing →

Libre Baskerville + Raleway Dots

Open pairing →