Technical
Professional IBM Plex family pairing. Designed for documentation and enterprise applications.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/technicalIBM Plex Sans
The quick brown fox
IBM Plex Sans
Jumps over the lazy dog and runs across the meadow
IBM Plex Mono
const x = fn(42);
Try it with your text
Typography scale
$ pnpm dlx shadcn@latest add @fonttrio/technicalIBM Plex Sans
IBM Plex Sans
IBM Plex Sans
IBM Plex Sans
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Source Sans 3
Adobe's open-source superfamily. Source Sans 3's humanist proportions excel in UI and documents alike, with Source Code Pro maintaining the same vertical metrics for seamless mixed content.
pnpm dlx shadcn@latest add @fonttrio/documentRoboto Slab
The complete Roboto system. Slab headlines bring gravitas to Google's most versatile typeface family. A three-weight system that works everywhere, from Android to enterprise dashboards.
pnpm dlx shadcn@latest add @fonttrio/manifestoNoto Serif
The universal pairing. Noto's unified design system ensures consistent rendering across every language and script. Truly global typography with no tofu.
pnpm dlx shadcn@latest add @fonttrio/thesisFira Sans
Humanist sans heading with classical transitional serif body. Professional and well-balanced.
pnpm dlx shadcn@latest add @fonttrio/fira-sans-pt-serifOpen Sans
Two highly legible humanist sans-serifs. Neutral, professional dual-sans pairing for content-heavy sites.
pnpm dlx shadcn@latest add @fonttrio/open-sans-source-sans-3Outfit
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/architect