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

# Editorial Collection

> Classic editorial pairings with high-contrast serifs and sophisticated typography for magazines, blogs, and narrative content.

# Editorial Collection

The Editorial collection features sophisticated typographic pairings designed for magazines, blogs, and narrative content. These combinations emphasize high-contrast serifs, dramatic display faces, and refined readability for long-form storytelling.

## Style Characteristics

Editorial pairings are characterized by:

* **Literary & Narrative**: High-contrast serif headings with readable body text
* **Dramatic**: Bold display faces that command attention
* **Sophisticated**: Refined typographic choices that convey authority
* **Traditional**: Classic serif pairings with timeless appeal

## Pairings in this Collection

<CardGroup cols={2}>
  <Card title="Editorial" icon="newspaper">
    Playfair Display + Source Serif 4 + JetBrains Mono
  </Card>

  <Card title="Literary" icon="book">
    EB Garamond + Crimson Text + Inconsolata
  </Card>

  <Card title="Newspaper" icon="newspaper">
    Playfair Display + DM Sans + JetBrains Mono
  </Card>

  <Card title="Novel" icon="book-open">
    Cormorant Garamond + Lora + JetBrains Mono
  </Card>

  <Card title="Gazette" icon="scroll">
    Cormorant Garamond + Raleway + Roboto Mono
  </Card>
</CardGroup>

## Featured Pairing: Editorial

The flagship pairing of this collection combines Playfair Display's high-contrast serifs with Source Serif 4's contemporary readability.

### Installation

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

### Font Stack

* **Heading**: Playfair Display — Classic editorial with high-contrast serifs
* **Body**: Source Serif 4 — Readable serif body text for long-form content
* **Mono**: JetBrains Mono — Modern monospace for code blocks

### Typography Specs

<Accordion title="Heading Styles">
  * **H1**: 2.25rem, line-height 1.2, letter-spacing -0.025em, weight 700
  * **H2**: 1.875rem, line-height 1.25, letter-spacing -0.02em, weight 600
  * **H3**: 1.5rem, line-height 1.3, letter-spacing -0.015em, weight 600
</Accordion>

<Accordion title="Body Styles">
  * **Body/Paragraph**: Source Serif 4, line-height 1.65
  * **Code**: JetBrains Mono family
</Accordion>

## Use Cases

<CardGroup cols={3}>
  <Card title="Magazines" icon="book-open">
    High-contrast editorial design for print-inspired digital magazines
  </Card>

  <Card title="Blogs" icon="pen-to-square">
    Sophisticated long-form content and storytelling
  </Card>

  <Card title="News Sites" icon="newspaper">
    Traditional newspaper-style layouts with modern readability
  </Card>

  <Card title="Publishing" icon="book">
    Book-quality typography for digital publishing platforms
  </Card>

  <Card title="Documentation" icon="file-lines">
    Authoritative technical documentation with classic appeal
  </Card>

  <Card title="Portfolios" icon="briefcase">
    Writer and journalist portfolios with literary sophistication
  </Card>
</CardGroup>

## Quick Comparison

| Pairing   | Heading Font       | Body Font      | Style                  |
| --------- | ------------------ | -------------- | ---------------------- |
| Editorial | Playfair Display   | Source Serif 4 | Classic editorial      |
| Literary  | EB Garamond        | Crimson Text   | Pure serif harmony     |
| Newspaper | Playfair Display   | DM Sans        | Modern contrast        |
| Novel     | Cormorant Garamond | Lora           | Narrative storytelling |
| Gazette   | Cormorant Garamond | Raleway        | Elegant drama          |

## Installation Commands

```bash theme={null}
# Install any pairing from this collection
npx shadcn@latest add https://www.fonttrio.xyz/r/editorial.json
npx shadcn@latest add https://www.fonttrio.xyz/r/literary.json
npx shadcn@latest add https://www.fonttrio.xyz/r/newspaper.json
npx shadcn@latest add https://www.fonttrio.xyz/r/novel.json
npx shadcn@latest add https://www.fonttrio.xyz/r/gazette.json
```

<Note>
  All editorial pairings are optimized for readability with generous line-height (1.65-1.75) and carefully tuned letter-spacing for long-form reading.
</Note>