> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify.com/kapishdima/fonttrio/llms.txt
> Use this file to discover all available pages before exploring further.

# Corporate Collection

> Professional, trustworthy, and systematic typography for enterprise applications, government sites, and corporate communications.

# 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

<CardGroup cols={2}>
  <Card title="Corporate" icon="building">
    Roboto + Roboto + Roboto Mono
  </Card>

  <Card title="Manifesto" icon="file-contract">
    Roboto Slab + Roboto + Roboto Mono
  </Card>

  <Card title="Fintech" icon="money-bill-trend-up">
    Outfit + IBM Plex Sans + IBM Plex Mono
  </Card>

  <Card title="Protocol" icon="network-wired">
    Saira + Ubuntu + IBM Plex Mono
  </Card>
</CardGroup>

## Featured Pairing: Corporate

Google's complete type system — Roboto's mechanical skeleton with friendly curves creates a cohesive experience from headlines to fine print.

### Installation

```bash theme={null}
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

<Accordion title="Heading Styles">
  * **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
</Accordion>

<Accordion title="Body Styles">
  * **Body/Paragraph**: Roboto, line-height 1.6
  * **Code**: Roboto Mono family
</Accordion>

### 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

<CardGroup cols={3}>
  <Card title="Enterprise Software" icon="diagram-project">
    Business applications and internal tools
  </Card>

  <Card title="Corporate Sites" icon="building">
    Company websites and investor relations
  </Card>

  <Card title="Banking" icon="landmark">
    Financial services and fintech platforms
  </Card>

  <Card title="Government" icon="flag">
    Public sector and civic technology
  </Card>

  <Card title="Healthcare" icon="briefcase-medical">
    Medical systems and health tech
  </Card>

  <Card title="Education" icon="graduation-cap">
    Learning management and institutional sites
  </Card>
</CardGroup>

## Quick Comparison

| Pairing   | Heading Font | Body Font     | Primary Use              |
| --------- | ------------ | ------------- | ------------------------ |
| Corporate | Roboto       | Roboto        | Material Design, Android |
| Manifesto | Roboto Slab  | Roboto        | Enterprise documentation |
| Fintech   | Outfit       | IBM Plex Sans | Banking, finance         |
| Protocol  | Saira        | Ubuntu        | Developer tools, Linux   |

## Typography Details

<AccordionGroup>
  <Accordion title="Manifesto Pairing">
    **Roboto Slab + Roboto + Roboto Mono**

    The 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

    ```bash theme={null}
    npx shadcn@latest add https://www.fonttrio.xyz/r/manifesto.json
    ```
  </Accordion>

  <Accordion title="Fintech Pairing">
    **Outfit + IBM Plex Sans + IBM Plex Mono**

    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.

    **Use Cases**: Fintech, banking, enterprise applications

    ```bash theme={null}
    npx shadcn@latest add https://www.fonttrio.xyz/r/fintech.json
    ```
  </Accordion>

  <Accordion title="Protocol Pairing">
    **Saira + Ubuntu + IBM Plex Mono**

    Racing 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

    ```bash theme={null}
    npx shadcn@latest add https://www.fonttrio.xyz/r/protocol.json
    ```
  </Accordion>
</AccordionGroup>

## Installation Commands

```bash theme={null}
# 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.

```css theme={null}
/* 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

<Tip>
  Corporate pairings work best with neutral color palettes (grays, blues) and ample whitespace. They're designed to feel trustworthy and established.
</Tip>

<Note>
  All corporate pairings include comprehensive weight ranges (typically 9 weights from thin to black) enabling precise typographic control for complex interfaces.
</Note>