Studio
Design-forward pairing. Bricolage Grotesque's distinctive ink traps and angular terminals command attention, softened by Figtree's friendly geometric body text.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/studioBricolage Grotesque
The quick brown fox
Figtree
Jumps over the lazy dog and runs across the meadow
Fira Code
const x = fn(42);
Try it with your text
Typography scale
$ pnpm dlx shadcn@latest add @fonttrio/studioBricolage Grotesque
Bricolage Grotesque
Bricolage Grotesque
Bricolage Grotesque
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Lobster
Playful script-like display heading with compact sans body. Fun and eye-catching for creative projects.
pnpm dlx shadcn@latest add @fonttrio/lobster-roboto-condensedSchibsted Grotesk
Nordic minimalism meets grotesque warmth. Schibsted Grotesk's Scandinavian clarity in headlines paired with Karla's quirky grotesque personality for body text that feels human.
pnpm dlx shadcn@latest add @fonttrio/agencySaira
Racing DNA meets open-source philosophy. Saira's motorsport-inspired geometry powers through headlines, while Ubuntu's distinctive humanist forms — Canonical's signature typeface — make body text unmistakably modern.
pnpm dlx shadcn@latest add @fonttrio/protocolOutfit
Structured meets refined. Outfit's geometric precision in headings contrasts beautifully with Libre Baskerville's warm readability, like blueprints meeting handwritten notes.
pnpm dlx shadcn@latest add @fonttrio/architectAbril Fatface
Bold display serif with clean sans-serif body. High contrast pairing for striking headlines.
pnpm dlx shadcn@latest add @fonttrio/abril-fatface-latoAlegreya
It just does
pnpm dlx shadcn@latest add @fonttrio/alegreya-alegreya-sans