Health
Calm and clear. Figtree's friendly geometry in headings paired with Overpass's Highway Gothic roots — designed to be read at speed. Perfect for interfaces where clarity saves lives.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/healthFigtree
The quick brown fox
Overpass
Jumps over the lazy dog and runs across the meadow
Inconsolata
const x = fn(42);
Try it with your text
Typography scale
$ pnpm dlx shadcn@latest add @fonttrio/healthFigtree
Figtree
Figtree
Figtree
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Lexend
Designed for readability research. Lexend's variable font axes were fine-tuned through scientific studies to reduce visual noise and increase reading proficiency.
pnpm dlx shadcn@latest add @fonttrio/handbookManrope
Data-driven clarity. Manrope's optical corrections make dense dashboards legible, while DM Sans handles labels and descriptions with compact efficiency.
pnpm dlx shadcn@latest add @fonttrio/dashboardPublic Sans
Government-grade clarity. Public Sans was designed for the US Web Design System — strong, neutral, and accessible. Paired with Lato's warm humanist body text for approachable civic interfaces.
pnpm dlx shadcn@latest add @fonttrio/govtechOverpass Mono
Overpass Mono paired with Overpass for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/overpass-mono-overpassAlegreya Sans
David Libre gives a clean literary vibe under modern sans.
pnpm dlx shadcn@latest add @fonttrio/alegreya-sans-david-libreAleo
Aleo paired with Archivo for a google fonts aesthetic.
pnpm dlx shadcn@latest add @fonttrio/aleo-archivo