Urbanist font pairings start from neutrality. Urbanist is a low-contrast geometric sans-serif by Corey Hu, inspired by Modernist typography and design, added to Google Fonts in 2021 and free under the SIL Open Font License. Its Google Fonts description says it was conceived from elementary shapes and that this neutrality makes it a versatile display font for print and digital work. In practice, that means Urbanist looks calm, open and architectural rather than playful. Good partners either add warmth and texture, like a serif, or stay just as quiet, like a neutral interface sans, so the page keeps a clear hierarchy.
Is Urbanist a heading or body font?
Urbanist works in both roles. On Google Fonts it is a variable font with a weight axis from Thin (100) to Black (900), with matching italics in every weight. The lighter weights give large titles an airy, minimal feel, and the heavy weights make bold, compact headlines. At text sizes, its open geometric shapes stay readable for interface copy, cards and short paragraphs. Its Google Fonts description positions it mainly as a display font, though, and like most strict geometrics it can feel a little uniform over long reading. Use it freely for headings and UI, and add a reading face when articles get long.
Best fonts to pair with Urbanist
These partners cover reading fonts under Urbanist headings and expressive serif headlines above Urbanist body text. Every font listed is free on Google Fonts.
| Pairing | Use as | Why it works |
|---|---|---|
| Urbanist + Inter | Heading + Body | Inter is a neutral, screen-first sans whose compact body text supports clean, geometric Urbanist headings in apps and dashboards. |
| Urbanist + Merriweather | Heading + Body | Merriweather is a sturdy screen serif that adds texture and long-form readability beneath minimal Urbanist headlines. |
| Urbanist + DM Serif Display | Body + Heading | DM Serif Display gives bold, high-contrast headlines that stand out clearly above light, even Urbanist body text. |
| Urbanist + Playfair Display | Body + Heading | Playfair Display adds elegant, sharp serif headings that contrast well with the calm geometry of Urbanist paragraphs. |
| Urbanist + Fraunces | Body + Heading | Fraunces brings soft, warm serif headlines that offset the cool, Modernist neutrality of Urbanist body copy. |
Urbanist + Inter (for product interfaces)
For apps, dashboards and SaaS sites, set Urbanist as the heading and Inter as the body. Inter by Rasmus Andersson is a neutral sans designed for screens, with a weight axis from 100 to 900 and its own optical size axis, so it stays crisp in tables, forms and dense paragraphs. Urbanist headlines in SemiBold or Bold add a slightly rounder, more geometric look on top. The two are close in mood, so build contrast with size and weight: a clear jump from H1 to body, and Urbanist Medium for small section labels. This pairing keeps a product feeling consistent and modern without looking generic. More options are in our Inter font pairing guide.
Urbanist + Merriweather (for long-form reading)
When the page is text-heavy, use a serif body. Merriweather by Sorkin Type is a screen serif with a large x-height and sturdy serifs, and the Google Fonts version has weight, width and optical size axes plus italics. Under minimal Urbanist headings, Merriweather makes paragraphs feel grounded and easy to follow. Use Urbanist in Bold for titles and Medium for subheads, and Merriweather Regular at 17 to 18 pixels for body text. Keep Urbanist for menus, buttons and captions so the serif appears only where people read. This works well for blogs, guides, architecture and design studios that publish long case studies. See more in our Merriweather font pairings.
Urbanist + DM Serif Display (for bold brand pages)
Flip the roles when you want headlines with more drama. DM Serif Display by Colophon Foundry is a high-contrast display serif with a Regular and an Italic, intended for large sizes. Set it big for hero lines, section titles and quotes, then let Urbanist Light or Regular carry body copy, product details and navigation. The heavy, sharp serif against the thin, even geometric strokes gives a strong contrast in both weight and texture, which reads as confident and editorial. This combination suits real estate, interiors, fashion and hospitality sites. Browse more in our DM Serif font pairings.
How to pair fonts with Urbanist yourself
Because Urbanist is so neutral, the partner usually sets the tone. A high-contrast serif makes the page feel premium, a soft serif makes it warm, and a neutral sans keeps it technical. Avoid pairing Urbanist with another strict geometric sans of similar weight, since the result will look like one family used carelessly. Match x-heights so mixed lines sit evenly, and use Urbanist’s full weight range and italics before adding a third family. Try combinations in our font pairing generator, and for more clean, simple options see our best minimalist fonts list.
Frequently Asked Questions
What font pairs best with Urbanist?
Inter is a dependable partner for product work, with Urbanist headings and Inter body text. For reading-heavy sites, Merriweather is a strong serif body. If you want Urbanist as the body font, DM Serif Display, Playfair Display and Fraunces make good serif headlines.
Is Urbanist good for body text?
Yes, for interfaces and short to medium text. Its open, low-contrast shapes are clear on screens. Its Google Fonts description presents it mainly as a display font, so for long articles consider pairing Urbanist headings with a serif body.
Does Urbanist have italics?
Yes. The Google Fonts version is a variable font with a weight axis from 100 to 900, and each weight has a matching italic. That makes it flexible enough to build a full hierarchy from one family.
Is Urbanist free?
Yes. Urbanist is free on Google Fonts under the SIL Open Font License, which allows personal and commercial use, self-hosting and modification. It supports Latin and Latin Extended.
Who designed Urbanist?
Urbanist was designed by Corey Hu and added to Google Fonts in 2021. According to its Google Fonts description, the project launched with nine weights and accompanying italics, and it is now available as a variable font with a weight axis.
