Preview image. Unlock full-res
A typographic cheat sheet showing compatible font combinations from Google Fonts using a grid system.
Styleminimal, dark-mode, monochrome, technical, typographic
Colordark, monochrome
Typesans-serif, serif, all-caps, mixed-serif-sans
Industrydesign
Palette
#C9C9C9
#050505
#525252
Summary
A typographic cheat sheet showing compatible font combinations from Google Fonts using a grid system.
Visual description
A vertical dark-mode layout featuring a large title at the top and a large data-dense grid in the center. The grid uses light and dark gray squares to map compatibility between 'Display' and 'Text' fonts. Text is primarily white and light gray against a black background.
Key takeaway
Use a matrix-style grid to visualize and communicate complex relationships between design elements.
Reuse notes
Use this layout when creating reference guides or technical documentation that requires quick visual lookup.
