Bricolage Grotesque: The Display Font Everyone's Using Right Now
If you've visited ten SaaS landing pages in the last year, you've almost certainly seen Bricolage Grotesque — probably in an enormous headline, probably in Extra Bold, probably in a dark-to-light gradient. Here's why this variable grotesque took over the design world so quickly.
What Is Bricolage Grotesque?
Bricolage Grotesque is a variable display typeface designed by Mathieu Triay, released on Google Fonts in 2022. "Bricolage" is a French word meaning improvisation — DIY creativity from whatever materials are available. The typeface embodies this with its deliberately wide, expressive proportions that feel both designed and slightly imperfect.
The Technical Specs
- Variable axes: Weight (200-800) + Width (75-100)
- File format: Variable TTF (single file covers everything)
- Character set: Latin, basic punctuation, numbers
- License: OFL (completely free, including commercial use)
- Available: Google Fonts (free download)
Why Designers Love It
The width axis. Most variable grotesques only vary weight. Bricolage also varies width — meaning a single font file can create both a wide, open headline and a condensed, tight subheading. This versatility makes it ideal for responsive design systems.
The personality. Bricolage sits in a sweet spot between "generic neutral grotesque" (Inter, DM Sans) and "aggressively quirky display font." It's distinctive without being alienating — different enough to be memorable, restrained enough to not distract from content.
The size range. Bricolage was specifically designed for large display sizes. At 80px in Extra Bold, it's exceptional. Most grotesques feel flat or generic at this size; Bricolage feels designed for it.
Best Pairings
- Bricolage Grotesque (display) + Inter (body) — the SaaS standard
- Bricolage Grotesque (display) + Lora (body) — for editorial-feeling brands
- Bricolage Grotesque (display) + DM Sans (UI) — if you want a warmer sans for body text
When NOT to Use It
Bricolage is a display font, not a text font. Don't use it at body text sizes (under 24px) — it's not optimised for small-size rendering. For paragraph text, use Inter, DM Sans, or another humanist sans.