Fontpair

Fontpair is a free online font pairing tool and design system generator that helps designers discover, test, and apply curated typography, colors, and icons to create brand kits instantly.

What is Fontpair?

Fontpair is a web-based platform that provides a curated library of font pairings, color palettes, and icon sets for design projects. It takes user preferences or URL inputs (via Chrome extension) and produces design system files in markdown (DESIGN.md), exportable prompts for AI coding tools like Cursor and Lovable, and interactive playground previews. It is developed by Northwind Studio, an independent design studio focused on brand and web design.

Key Features

• Curated font library — 500+ handpicked font pairings with previews for headlines and body text, each with suggested color schemes.
• Brand kit generator — Instantly generate a brand kit with headline font, body font, background, text, primary, accent, and surface colors after selecting a pairing.
• Chrome extension — Save fonts, colors, and screenshots from any website you visit directly to your Fontpair library for later reference.
• AI design prompt export — Export your brand tokens as DESIGN.md for use with Cursor, Lovable, v0, or Claude Code to accelerate development.
• Custom color picker — Fine-tune colors in the Playground with a custom picker (Pro feature).
• WCAG contrast checking — Verify color pairs meet accessibility standards (Pro feature).
• Collections and favorites — Organize pairings, palettes, and gradients into custom collections (Pro feature).
• Ad-free experience — Remove ads with any Pro subscription.

Who is it for?

• Graphic designers — Quickly find harmonious font pairings for branding projects without manually testing dozens of options.
• Web developers — Generate a consistent design system (DESIGN.md) to feed into coding tools like Cursor or Lovable, reducing design-to-code friction.
• Brand managers — Build and document a complete brand kit (fonts, colors, icons) in minutes for approval and handoff.
• Indie makers — Use the Chrome extension to capture inspiration from live sites and recreate looks with your own content in the Playground.

What can you do with Fontpair?

• Create a brand kit: Choose from 500+ font pairings, then instantly see a full brand palette (headline, body, background, text, primary, accent, surface) and download or copy it.
• Save design inspiration: Use the Chrome extension to scrape fonts, colors, and a screenshot from any website you admire; the data is saved to your Fontpair library for later experimentation.
• Export for AI tools: Generate a DESIGN.md file containing your fonts and color tokens, ready to paste into Cursor, Lovable, or v0 to generate a styled front-end.
• Test contrast: Check WCAG AA/AAA compliance of your color combinations before finalizing designs.

Pricing

Fontpair offers a free tier with basic features. Paid plans include Pro Monthly ($8/month), Pro Yearly ($48/year — equivalent to $4/month), and Pro Lifetime ($120 one-time). All Pro plans unlock unlimited favorites, collections, Chrome extension saves, custom color picker, AI export, ad-free browsing, advanced search filters, and WCAG contrast checking.

FAQ

Is Fontpair free?

Yes, Fontpair has a free tier that includes access to the curated font library, basic Playground features, and limited favorites. Pro subscriptions are required for advanced features like custom color picker, AI export, and WCAG contrast checking.

Does Fontpair work offline?

No, Fontpair is a web application and requires an internet connection to access the library, Playground, and Chrome extension features.

Can I export my brand kit for coding?

Yes, Pro users can export a DESIGN.md file formatted specifically for AI coding tools like Cursor, Lovable, v0, and Claude Code.

How do I save fonts from other websites?

Install the Fontpair Chrome extension, browse any site, click the extension icon, and the fonts, colors, and a screenshot will be saved to your Fontpair account (Pro feature for unlimited saves).