Handbook
Designed for readability research. Lexend's variable font axes were fine-tuned through scientific studies to reduce visual noise and increase reading proficiency.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/handbookLexend
The quick brown fox
Lexend
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/handbookLexend
Lexend
Lexend
Lexend
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Lato
Academic precision meets digital clarity. EB Garamond's renaissance roots lend authority to headings, while Lato ensures perfect screen readability for long-form content.
pnpm dlx shadcn@latest add @fonttrio/garamond-latoFigtree
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.
pnpm dlx shadcn@latest add @fonttrio/healthEB Garamond
Academic precision meets digital clarity. EB Garamond's renaissance roots lend authority to headings, while Inter ensures perfect screen readability for long-form content.
pnpm dlx shadcn@latest add @fonttrio/scholarManrope
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/govtechQuicksand
Rounded and inviting. Quicksand's perfectly circular counters give headings a toy-like friendliness, while Cabin's humanist proportions keep body text grounded and professional.
pnpm dlx shadcn@latest add @fonttrio/playful