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 25 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.