Manrope, by Mikhail Sharanda, is an open-source semi-condensed sans that splits the difference between geometric and grotesque — modern and slightly technical, with distinctive details like the lowercase g that keep it from feeling generic.
Manrope works both roles in a system: semibold Manrope headings over a neutral body read crisp and product-like, while Manrope body text under a serif heading gives an editorial site a contemporary backbone.
In the Nodlume catalog, Manrope leads the heading in 1 of these 3 pairings and the body in 2 — its partners are Anton, Barlow Condensed and Fira Code. Every combination below previews in the real faces, with the full fallback-safe CSS font stacks.
Manrope as body — Tightly packed, cinematic headers with a highly readable modern sans — great for dramatic splash pages.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Manrope carries paragraphs while the heading takes the stage.
Manrope as body — Loud, blocky, unapologetic headers that command attention while Manrope handles sub-copy gracefully.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Manrope carries paragraphs while the heading takes the stage.
Manrope as heading — A stark, utilitarian pairing focused purely on interface efficiency and code readability.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Fira Code carries paragraphs while the heading takes the stage.
The font pairing generator has all 64 curated combinations — filter by use case, shuffle a random heading/body/mono mix with per-slot locks, and copy the CSS custom properties. For the rules behind pairings like these, read the font pairing guide, or set the type rhythm with the type scale calculator.
Open the generatorWe'd like to use Google cookies to understand how Nodlume is used and to measure our advertising. Nothing loads until you choose, and declining does not affect anything in the app.
Nodlume