Resource Library
Copy-ready design assets in one place: font pairings, gradients, shadows and background textures. Copy the CSS, or add them to your kit and export in one go.
Curated Type Directions
A tightly edited collection of open-source font pairings for real interface styles. Compare letterforms, understand where each pairing belongs, then copy production-ready CSS or Tailwind tokens.
Showing 41 pairings
Refined contrast and graceful proportion lend a quiet luxury to fashion, beauty, and premium editorial work.
Gloock · Manrope
Art galleries, cultural institutions, architecture
A poised serif with unusual details, grounded by a neutral sans for navigation and prose.
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Alegreya · Source Sans 3
Long-form essays, books, archives, education
Calligraphic rhythm in the headings with a highly readable humanist sans for longer passages.
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Yeseva One · Karla
Boutique hospitality, restaurants, retro identities
A theatrical display face softened by a compact, friendly sans.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Bricolage Grotesque · Albert Sans
Creative studios, design tools, expressive products
A characterful grotesque that stays legible even when the hierarchy becomes bold.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Archivo Black · Archivo
Posters, wayfinding, portfolios, bold landing pages
A single-family system with enough width and weight contrast to feel deliberately graphic.
Bright, friendly type for products that keep the experience light without becoming childish.
Dela Gothic One · Nunito Sans
Anime, gaming, youth culture, playful campaigns
Dense display shapes create instant personality while the body remains open and approachable.
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Young Serif · Work Sans
Independent publishing, art books, cultural essays
Soft, irregular serif details give editorial pages personality without hurting readability.
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Kalnia · Commissioner
Museum programs, exhibitions, artist portfolios
Sculptural terminals make short titles memorable; the body face keeps supporting information orderly.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Fragment Mono · Albert Sans
Developer tools, documentation, technical portfolios
A restrained monospace for labels and headlines, paired with a more comfortable prose face.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Azeret Mono · Public Sans
Data products, industrial interfaces, system documentation
More mechanical than a typical code font, with a public-service sans that handles dense information.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Unbounded · Manrope
Sci-fi, mobility, technology campaigns, games
Wide geometric forms create a cinematic future-facing voice; use them only for short statements.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Bungee · Archivo
Street culture, festivals, sports, bold announcements
Stacked letterforms behave like signage, balanced by a practical grotesque for details.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Limelight · Karla
Art Deco, cinema, hotels, event identities
A geometric display face with period character, kept usable through a compact sans companion.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Grenze Gotisch · Manrope
Gothic, fantasy, music, dark editorial
Blackletter energy for short display text, paired with a neutral body to prevent visual fatigue.
A personal, human touch for invitations, quotes, and brands that want to feel handmade.
Shantell Sans · Atkinson Hyperlegible
Illustration, workshops, learning, handmade brands
A genuinely drawn display face paired with an accessibility-led body font.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Sora · Figtree
SaaS marketing, product pages, fintech
Sora's squared geometric headings over the friendly, compact Figtree body.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Epilogue · Hanken Grotesk
App marketing, startups, general product sites
Epilogue's tidy headings with Hanken Grotesk's warm, readable body.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
IBM Plex Sans · IBM Plex Sans
Developer tools, documentation, technical products
A single super-family at two weights — the safest technical voice there is.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Syne · Hanken Grotesk
Art collectives, cultural events, expressive landing pages
Syne's eccentric display weight against a calm grotesque body for contrast.
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Libre Caslon Display · Source Sans 3
Journals, academic sites, heritage brands
A classic Caslon display serif grounded by a neutral humanist sans.
Long-form reading deserves rhythm and contrast. A serif headline sets the tone; the body face carries the story.
Newsreader · Figtree
Magazines, long-form reading, modern editorial
Newsreader's screen-tuned editorial serif with a compact modern sans body.
Considered typography that endures. Every letterform carries tradition while remaining comfortable for long-form reading.
Spectral · Work Sans
Blogs, publications, long-form reading
Spectral's contemporary serif for headings, Work Sans for comfortable body copy.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Outfit · Figtree
Landing pages, startups, general marketing sites
Outfit's even geometric headings — a friendly, contemporary default.
Bright, friendly type for products that keep the experience light without becoming childish.
Gabarito · Hanken Grotesk
Consumer apps, youth brands, playful campaigns
Gabarito's rounded, energetic headings with a clean grotesque body.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Space Mono · Sora
Developer brands, hackathons, terminal aesthetics
Space Mono headings over a Sora body — a coherent monospace-flavored system.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Nabla · Manrope
Creative portfolios, launch heroes, festival and campaign headlines
A COLRv1 color font with gradient-filled 3D facets — an instant focal point, paired with a calm neutral sans for everything else.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Honk · Work Sans
Event posters, promos, kids and entertainment brands
A multi-color signage face bursting with personality, kept legible by a workhorse sans for body copy.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Sixtyfour · IBM Plex Sans
Retro games, dev demos, 8-bit and CRT nostalgia
A CRT-era bitmap face with scanline texture, grounded by IBM Plex Sans for readable modern copy.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Doto · Sora
Dashboards, counters, data-driven and sci-tech heroes
A dot-matrix variable face that reads like an LED panel, with Sora keeping body text clean.
Bright, friendly type for products that keep the experience light without becoming childish.
Pixelify Sans · Nunito Sans
Indie games, pixel art, playful product UI
A clean pixel face that stays crisp at display sizes, softened by the rounded humanist Nunito Sans.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Jacquarda Bastarda 9 · Spectral
Dark themes, music covers, luxury packaging, Halloween
A blackletter-meets-bitmap display face with ornate menace, balanced by Spectral's readable serif body.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Rubik Glitch · Hanken Grotesk
Cyberpunk, experimental posters, music and nightlife
A datamoshed display face with slipped channels, cooled down by the neutral Hanken Grotesk body.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Monoton · Karla
Retro signage, nightlife, 80s and diner themes
A single-line face built for neon-tube headlines, with the compact Karla keeping copy grounded.
Bright, friendly type for products that keep the experience light without becoming childish.
Bagel Fat One · Figtree
Food and dessert brands, kids products, cute apps
An ultra-round, pillowy display face that feels edible, paired with the friendly geometric Figtree.
Refined contrast and graceful proportion lend a quiet luxury to fashion, beauty, and premium editorial work.
Bodoni Moda · Public Sans
Fashion, beauty, luxury, editorial covers
A high-contrast Didone with magazine-cover drama, kept modern and legible by Public Sans.
Refined contrast and graceful proportion lend a quiet luxury to fashion, beauty, and premium editorial work.
Cinzel · Source Sans 3
Luxury brands, wineries, architecture, weddings
Roman inscriptional capitals with quiet authority, grounded by the humanist Source Sans 3.
Refined contrast and graceful proportion lend a quiet luxury to fashion, beauty, and premium editorial work.
Cormorant Garamond · Karla
Poetry, boutiques, editorial and fine-dining menus
A slender, high-contrast Garamond for graceful headlines, with the compact Karla for body.
Oversized type commands the page. Reserve it for the short phrase you want remembered.
Big Shoulders Display · Public Sans
Sports, industrial brands, posters, civic and city design
A tall, condensed industrial sans born from Chicago's public design, with Public Sans for clean body copy.
Monospace precision meets readable prose for documentation, dashboards, and dependable technical interfaces.
Martian Mono · IBM Plex Sans
Aerospace and tech brands, code displays, console UI
An extra-wide monospace with mission-control precision, paired with IBM Plex Sans for prose.
Clean lines and confident spacing shape interfaces that feel effortless, fast, and unmistakably current.
Geist · Geist
SaaS products, developer tools, modern app UI
Vercel's restrained geometric sans as one coherent family — crisp headings and calm body from a single voice.
A personal, human touch for invitations, quotes, and brands that want to feel handmade.
Playwrite AU SA · Source Sans 3
Personal blogs, greeting cards, notes and warm brands
A school-primer handwriting face with natural joins, grounded by the readable Source Sans 3.