Space Grotesk, by Florian Karsten, grew out of Colophon's Space Mono: a proportional grotesque that kept the mono's quirky details — the ink traps, the sliced terminals — and turned them into a tech-forward display voice.
Those quirks are why Space Grotesk belongs in headings. Its personality at display sizes is exactly what a developer-tool or product brand wants, and it needs a deliberately neutral body underneath — Inter or DM Sans — so the details read as intentional rather than noisy.
In the Nodlume catalog, Space Grotesk leads the heading in all 3 of these pairings — its partners are DM Sans, Inter and JetBrains Mono. Every combination below previews in the real faces, with the full fallback-safe CSS font stacks.
Space Grotesk & Inter
Product & interfaces
Space Grotesk as heading — Quirky, tech-forward headings grounded by a neutral UI body.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — Inter carries paragraphs while the heading takes the stage.
Heading
'Space Grotesk', 'Segoe UI', sans-serif
Body
Inter, 'Segoe UI', sans-serif
Mono
'JetBrains Mono', Consolas, monospace
Product Marketing
Product & interfaces
Space Grotesk as heading — Quirky and tech-forward in the headings, completely grounded in the body for explaining complex features.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — DM Sans carries paragraphs while the heading takes the stage.
Heading
'Space Grotesk', 'Segoe UI', sans-serif
Body
'DM Sans', 'Segoe UI', sans-serif
Mono
ui-monospace, SFMono-Regular, monospace
Developer Docs
Technical & docs
Space Grotesk as heading — Leans fully into the developer aesthetic with monospace body copy for an instant console feel.
Voyage beyond the quiet harbor
Body copy sets the tone for long reading — JetBrains Mono carries paragraphs while the heading takes the stage.
Heading
'Space Grotesk', 'Segoe UI', sans-serif
Body
'JetBrains Mono', Consolas, monospace
Mono
'JetBrains Mono', Consolas, monospace
Try these pairings live
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.
We'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.