Skip to main content

​
Corporate Collection

The Corporate collection features professional, trustworthy typography designed for enterprise applications, corporate communications, and systematic design systems. These pairings prioritize reliability, readability, and institutional trust.

​
Style Characteristics

Corporate pairings are characterized by:
  • Professional: Conservative, time-tested typefaces that convey competence
  • Corporate: Suitable for business communications and enterprise software
  • Trustworthy: Typography that inspires confidence and credibility
  • Systematic: Well-defined type systems with comprehensive weight ranges

​
Pairings in this Collection

Corporate

Roboto + Roboto + Roboto Mono

Manifesto

Roboto Slab + Roboto + Roboto Mono

Fintech

Outfit + IBM Plex Sans + IBM Plex Mono

Protocol

Saira + Ubuntu + IBM Plex Mono
Google’s complete type system — Roboto’s mechanical skeleton with friendly curves creates a cohesive experience from headlines to fine print.

​
Installation

npx shadcn@latest add https://www.fonttrio.xyz/r/corporate.json

​
Font Stack

  • Heading: Roboto — Google’s systematic sans-serif
  • Body: Roboto — Same family for consistency
  • Mono: Roboto Mono — Matching monospace

​
Typography Specs

  • H1: 2.25rem, line-height 1.15, letter-spacing -0.03em, weight 700
  • H2: 1.875rem, line-height 1.2, letter-spacing -0.025em, weight 600
  • H3: 1.5rem, line-height 1.25, letter-spacing -0.02em, weight 600
  • Body/Paragraph: Roboto, line-height 1.6
  • Code: Roboto Mono family

​
Design Philosophy

Roboto’s dual nature — mechanical skeleton with friendly curves — makes it versatile enough for both enterprise dashboards and consumer-facing products. The de facto standard for Material Design.

​
Use Cases

Enterprise Software

Business applications and internal tools

Corporate Sites

Company websites and investor relations

Banking

Financial services and fintech platforms

Government

Public sector and civic technology

Healthcare

Medical systems and health tech

Education

Learning management and institutional sites

​
Quick Comparison

PairingHeading FontBody FontPrimary Use
CorporateRobotoRobotoMaterial Design, Android
ManifestoRoboto SlabRobotoEnterprise documentation
FintechOutfitIBM Plex SansBanking, finance
ProtocolSairaUbuntuDeveloper tools, Linux

​
Typography Details

Roboto Slab + Roboto + Roboto MonoThe complete Roboto system with slab serif headlines bringing gravitas. A three-weight system that works everywhere, from Android to enterprise dashboards.Use Cases: Enterprise documentation, Material Design, systematic applications
npx shadcn@latest add https://www.fonttrio.xyz/r/manifesto.json
Outfit + IBM Plex Sans + IBM Plex MonoTrust through typography. Outfit’s geometric clarity inspires confidence in headings, while IBM Plex’s rigorous design system ensures readability in data-heavy financial interfaces.Use Cases: Fintech, banking, enterprise applications
npx shadcn@latest add https://www.fonttrio.xyz/r/fintech.json
Saira + Ubuntu + IBM Plex MonoRacing DNA meets open-source philosophy. Saira’s motorsport-inspired geometry powers through headlines, while Ubuntu’s distinctive humanist forms make body text unmistakably modern.Use Cases: Developer tools, Linux applications, open source projects
npx shadcn@latest add https://www.fonttrio.xyz/r/protocol.json

​
Installation Commands

# Install any pairing from this collection
npx shadcn@latest add https://www.fonttrio.xyz/r/corporate.json
npx shadcn@latest add https://www.fonttrio.xyz/r/manifesto.json
npx shadcn@latest add https://www.fonttrio.xyz/r/fintech.json
npx shadcn@latest add https://www.fonttrio.xyz/r/protocol.json

​
Design Best Practices

​
Hierarchy Through Weight

Corporate pairings rely on weight variation rather than size to create hierarchy. Use the full range of weights (300-700) available in these superfamilies. 
/* Example hierarchy using Roboto */
h1 { font-weight: 700; } /* Bold */
h2 { font-weight: 600; } /* Semi-bold */
h3 { font-weight: 600; } /* Semi-bold */
body { font-weight: 400; } /* Regular */
.caption { font-weight: 300; } /* Light */

​
Systematic Spacing

Corporate typography benefits from mathematical spacing systems (8pt grid, modular scale) that create predictable, professional layouts.

​
Accessibility

These pairings prioritize legibility:
  • Generous line-height (1.6) for body text
  • Clear weight differentiation for hierarchy
  • Excellent screen rendering at all sizes
  • WCAG AAA compliant at recommended sizes
Corporate pairings work best with neutral color palettes (grays, blues) and ample whitespace. They’re designed to feel trustworthy and established.
All corporate pairings include comprehensive weight ranges (typically 9 weights from thin to black) enabling precise typographic control for complex interfaces.

Build docs developers (and LLMs) love

Get started for freeTalk to us