← All Pairings
modernTech meets literature

Space Grotesk

+ Crimson Pro

Space Grotesk's geometric precision paired with Crimson Pro's bookish serifs creates a unique tech-literary tension. Great for tech blogs and startup sites.

Live Preview

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog


Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. Good typography enhances the user experience and makes content more accessible.

CSS Code

/* Import */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500&family=Space+Grotesk:wght@700&display=swap');

/* Heading */
.heading {
  font-family: 'Space Grotesk', serif;
  font-weight: 700;
}

/* Body */
.body {
  font-family: 'Crimson Pro', sans-serif;
  font-weight: 400;
}

HTML Import

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500&family=Space+Grotesk:wght@700&display=swap" />

Best for

Tech Blogs, Startups, Documentation

Similar Pairings