Spin, preview, and take beautiful free fonts into your next project.
Space Grotesk + IBM Plex Sans font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Space Grotesk for headings and IBM Plex Sans for body text.
Why they work together
Both families have engineering roots: Space Grotesk descends from a monospace, and IBM Plex Sans was drawn for a technology company. Together they feel precise and credible, ideal for products aimed at developers.
How to use this pairing
Add IBM Plex Mono for code samples to complete the system. Keep headings in Space Grotesk 600 and body in Plex Sans 400 at 16px.
Best for
- Developer documentation
- API product sites
- Technical blogs
More pairings for Space Grotesk and IBM Plex Sans.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Space+Grotesk&body=IBM+Plex+Sans */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&family=IBM+Plex+Sans&display=swap');
h1, h2, h3 {
font-family: 'Space Grotesk', sans-serif;
}
body {
font-family: 'IBM Plex Sans', sans-serif;
}Similar font pairings
Start with a little inspiration
Curated pairings for the thing you’re making.
Google Font pairings for portfolios ↗
Give your work a distinctive voice with three free font pairings for creative portfolios.
Google Font pairings for SaaS websites ↗
Explore three free, readable font combinations for SaaS landing pages and product interfaces.
Google Font pairings for blogs and editorial sites ↗
Try three free serif and sans-serif combinations for readable articles, newsletters, and magazines.