Funnel Display and Funnel Sans Font Pairing
Set in Funnel Display 600 and Funnel Sans 400
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@600&family=Funnel+Sans:wght@400;700&display=swap');
body {
font-family: 'Funnel Sans', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Funnel Display', system-ui, sans-serif;
font-weight: 600;
}Funnel Display and Funnel Sans are a matched all-sans pairing with a modern, slightly technical feel. Funnel Display sets the headings at weight 600, and Funnel Sans carries the body. The two share a family, so the page stays consistent, and it has more character than most neutral sans fonts, which suits software, data products and startups.
Funnel Display & Funnel Sans
Headings 600, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Funnel Display and Funnel Sans Work Together
Funnel Sans and Funnel Display are modern sans serif typefaces originally developed by NORD ID and Kristian Möller for the company Funnel. They are inspired by the movement and shapes of data points. Funnel Sans is functional yet personal, with both square and circular shapes in its letters. In Funnel Display, parts of the stems are shifted to add a stronger sense of movement.
All-sans pairings usually fail when the two fonts are too alike without being the same. This one avoids that problem because the two were made together. The display cut adds energy at large sizes, and the text cut stays calm in paragraphs. You get the unity of one family with enough difference to make headings feel special.
Where Funnel Display and Funnel Sans Work Best
Software and data products are the obvious fit, given where the fonts came from. A dashboard, analytics tool or fintech startup gets a look that feels current and specific. It also suits agencies and portfolios that want a modern page without using Inter yet again. Landing pages benefit most, since the shifted stems in the display cut show best in big headlines.
Weights and Sizes to Use
Set Funnel Display at 600 for headings, or 500 for a lighter feel; it runs from 300 to 800. Use it from about 28px up, where the shifted stems read as a feature. Use Funnel Sans at 400 for body text and 600 for bold; it has italics, while the display cut does not. Body text works well at 16 to 18px with a line height near 1.6.
Things to Watch
The stem shifts in Funnel Display can look like rendering errors at small sizes, so do not use it for small subheads or buttons. Set those in Funnel Sans. With no serif to separate the two roles, hierarchy relies on size and weight, so keep a clear gap between heading levels and body text.
Similar Pairings
Pairs with a similar modern feel, each with its own page.
Inter & Inter
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.
Montserrat & Merriweather
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.
Montserrat & Open Sans
A well-made pair feels like one voice in two registers: a confident headline and a calm, even paragraph underneath.