An open-source sans-serif from the Google Fonts library. Designed by Mathieu Triay.
Editorial pairings — Bricolage Grotesque as the lead voice, supported below.
Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Variable display grotesque with a long-form serif.
View →Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Optical-size display next to monospaced detail.
View →Type is the voice of the page. A typeface paired well becomes a system — display and body holding hands across paragraphs, captions, code blocks. Specimen them next to each other before you commit.
Display flair, neutral body.
View →Three lines of CSS. No build step, no font-loading library, no FOIT. Cached on Google Fonts CDN.
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200..800&display=swap");
body {
font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
font-weight: 400;
}