Dashboard
Data-driven clarity. Manrope's optical corrections make dense dashboards legible, while DM Sans handles labels and descriptions with compact efficiency.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/dashboardManrope
The quick brown fox
DM Sans
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/dashboardManrope
Manrope
Manrope
Manrope
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Inter Tight
Neo-grotesque precision. Inter Tight's condensed proportions pack more information into headlines without sacrificing legibility, while Open Sans provides the reliable body text that 40% of the web already trusts.
pnpm dlx shadcn@latest add @fonttrio/swissLexend
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/handbookFigtree
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/healthLato
Two versatile sans-serifs with subtly different personalities. Clean dual-sans pairing for UI-heavy projects.
pnpm dlx shadcn@latest add @fonttrio/lato-robotoSpace Grotesk
Playful geometric pairing. Bold headings with friendly body text for startups and portfolios.
pnpm dlx shadcn@latest add @fonttrio/creativeBarlow Condensed
California grotesk in two widths. Barlow Condensed packs maximum information into headlines, while regular Barlow breathes in body text. A superfamily designed for screen-first interfaces.
pnpm dlx shadcn@latest add @fonttrio/dossier