Spin, preview, and take beautiful free fonts into your next project.
Space Grotesk + DM Sans font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Space Grotesk for headings and DM Sans for body text.
Why they work together
Space Grotesk's quirky terminals and geometric skeleton give headings a technical personality, and DM Sans keeps body text calm and friendly. Both share low contrast and similar proportions, so the pairing feels cohesive rather than clashing.
How to use this pairing
Use Space Grotesk at 500–700 with slightly tighter letter-spacing (-0.01em) for headlines; DM Sans at 400 reads well at 16–18px.
Best for
- Product designer portfolios
- Developer tools
- Startup landing pages
More pairings for Space Grotesk and DM Sans.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Space+Grotesk&body=DM+Sans */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk&family=DM+Sans&display=swap');
h1, h2, h3 {
font-family: 'Space Grotesk', sans-serif;
}
body {
font-family: 'DM 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.