Fintech
Trust through typography. Outfit's geometric clarity inspires confidence in headings, while IBM Plex's rigorous design system ensures readability in data-heavy financial interfaces.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/fintechOutfit
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/fintechOutfit
Outfit
Outfit
Outfit
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
IBM Plex Sans
Professional IBM Plex family pairing. Designed for documentation and enterprise applications.
pnpm dlx shadcn@latest add @fonttrio/technicalPublic 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/govtechLato
Warm humanist sans heading with sturdy serif body. One of the most popular web pairings for readability.
pnpm dlx shadcn@latest add @fonttrio/lato-merriweatherInter 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/swissOutfit
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/architectRoboto
Google's type system. Roboto's dual nature — mechanical skeleton with friendly curves — creates a cohesive experience from headlines to fine print. The de facto standard for Material Design.
pnpm dlx shadcn@latest add @fonttrio/corporate