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

# Bold Collection

> Impactful and commanding typography with brutalist aesthetics, condensed displays, and raw typographic power.

# Bold Collection

The Bold collection features impactful, commanding typography designed for maximum visual impact. These pairings embrace brutalist design, condensed displays, and raw typographic power for portfolios, media sites, and experimental designs.

## Style Characteristics

Bold pairings are characterized by:

* **Bold & Impactful**: Heavy weights and condensed forms that dominate the viewport
* **Commanding**: Typography that arrests attention and demands to be read
* **Raw & Brutalist**: Unpolished, function-first aesthetics
* **Dramatic**: High-contrast pairings with theatrical presence

## Pairings in this Collection

<CardGroup cols={2}>
  <Card title="Brutalist" icon="cube">
    Archivo Black + Archivo + Source Code Pro
  </Card>

  <Card title="Impact" icon="bolt">
    Fjalla One + Josefin Sans + Fira Code
  </Card>

  <Card title="Poster" icon="image">
    Oswald + Barlow + Inconsolata
  </Card>

  <Card title="Headline" icon="heading">
    Anton + Work Sans + Roboto Mono
  </Card>
</CardGroup>

## Featured Pairing: Brutalist

Raw typographic power with Archivo Black's heavy weight filling every pixel of the headline, balanced by regular Archivo for readable body text.

### Installation

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

### Font Stack

* **Heading**: Archivo Black — Ultra-heavy condensed display
* **Body**: Archivo — Same family in readable weight
* **Mono**: Source Code Pro — Clean, technical monospace

### Typography Specs

<Accordion title="Heading Styles">
  * **H1**: 2.75rem, line-height 1.05, letter-spacing -0.035em, weight 800
  * **H2**: 2.25rem, line-height 1.1, letter-spacing -0.025em, weight 700
  * **H3**: 1.75rem, line-height 1.2, letter-spacing -0.02em, weight 700
</Accordion>

<Accordion title="Body Styles">
  * **Body/Paragraph**: Archivo, line-height 1.6
  * **Code**: Source Code Pro family
</Accordion>

### Design Philosophy

Brutalist typography rejects ornamentation in favor of pure function. Archivo Black's condensed forms pack maximum impact into minimum horizontal space, while the superfamily approach ensures visual cohesion across weights.

## Use Cases

<CardGroup cols={3}>
  <Card title="Portfolios" icon="palette">
    Artist and designer portfolios with bold statements
  </Card>

  <Card title="Art Sites" icon="paintbrush">
    Experimental and contemporary art platforms
  </Card>

  <Card title="Media" icon="film">
    Sports, entertainment, and news with high impact
  </Card>

  <Card title="Marketing" icon="megaphone">
    Landing pages and campaign sites demanding attention
  </Card>

  <Card title="Events" icon="calendar">
    Conference and event sites with theatrical presence
  </Card>

  <Card title="Music" icon="music">
    Band sites and music platforms with edgy aesthetics
  </Card>
</CardGroup>

## Quick Comparison

| Pairing   | Heading Font  | Body Font    | Character                 |
| --------- | ------------- | ------------ | ------------------------- |
| Brutalist | Archivo Black | Archivo      | Raw, unpolished power     |
| Impact    | Fjalla One    | Josefin Sans | Condensed Nordic strength |
| Poster    | Oswald        | Barlow       | Tall, commanding presence |
| Headline  | Anton         | Work Sans    | Bold and unapologetic     |

## Typography Details

<AccordionGroup>
  <Accordion title="Impact Pairing">
    **Fjalla One + Josefin Sans + Fira Code**

    Condensed power meets art deco elegance. Fjalla One's Nordic condensed forms dominate headlines, while Josefin Sans adds vintage geometric character.

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

  <Accordion title="Poster Pairing">
    **Oswald + Barlow + Inconsolata**

    Condensed impact with tall proportions. Oswald makes every headline a statement, balanced by Barlow's slightly rounded approachability.

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

  <Accordion title="Headline Pairing">
    **Anton + Work Sans + Roboto Mono**

    Bold and unapologetic. Anton's narrow impactful letterforms dominate the viewport, grounded by Work Sans's humanist warmth.

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

## Installation Commands

```bash theme={null}
# Install any pairing from this collection
npx shadcn@latest add https://www.fonttrio.xyz/r/brutalist.json
npx shadcn@latest add https://www.fonttrio.xyz/r/impact.json
npx shadcn@latest add https://www.fonttrio.xyz/r/poster.json
npx shadcn@latest add https://www.fonttrio.xyz/r/headline.json
```

<Warning>
  Bold pairings require careful use of whitespace and hierarchy. Use sparingly for maximum impact — too much bold typography can overwhelm users.
</Warning>

## Design Considerations

### Line Height

Bold pairings use aggressive line-height (1.05-1.1) in headings to create tight, impactful stacking. This creates vertical rhythm that feels powerful rather than airy.

### Letter Spacing

Negative letter-spacing (-0.035em) is more pronounced than in clean styles, creating optical density and visual weight.

### Font Weight

Most headings use weight 700-800, creating maximum contrast with body text. This dramatic hierarchy guides the eye forcefully through the content.

<Note>
  All bold pairings work best against high-contrast backgrounds (black/white) or with large images that can balance the typographic weight.
</Note>