Riot 2+Klei
Klei Typeface provides a sophisticated base for Riot 2's bold headlines
Riot 2 headlines + Klei body
Riot 2 + Klei Font Pairing
This font pairing combines Riot 2 headlines with Klei body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.
Klei headlines + Riot 2 body
Klei + Riot 2 Font Pairing
Reversing the roles demonstrates the versatility of this Display and Serif font pairing for diverse design applications.
Why This Pairing Works
- Complementary Contrast: Riot 2's distinctive letterforms designed for large sizes pairs effectively with Klei's refined letterforms with decorative terminals, creating visual interest without conflict.
- Functional Balance: Each typeface excels in its role—Riot 2 creating memorable first impressions while Klei focuses on enhancing readability in long-form content.
- Readability: Klei's traditional typography roots with timeless appeal complements Riot 2's expressive personality and visual impact, ensuring optimal legibility across contexts.
- Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for headlines and hero sections and luxury brand identities.
Best Used For
Web Design & Digital Interfaces
Use Riot 2 for headlines, navigation, and hero sections where impact matters. Apply Klei to body copy, UI elements, and supporting text for optimal screen readability.
Print & Editorial
Riot 2 excels in headlines and hero sections, while Klei provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.
Brand Identity
Establish your primary brand voice with Riot 2 in logos and key messaging. Extend the system with Klei across marketing materials and corporate communications.
Recommended Sizing
- Riot 2: 24px–72px for headings, 18px–24px for subheadings
- Klei: 14px–18px for body text, 12px–14px for captions