Skip to main 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

Editorial

Playfair Display + Source Serif 4 + JetBrains Mono

Literary

EB Garamond + Crimson Text + Inconsolata

Newspaper

Playfair Display + DM Sans + JetBrains Mono

Novel

Cormorant Garamond + Lora + JetBrains Mono

Gazette

Cormorant Garamond + Raleway + Roboto Mono
The flagship pairing of this collection combines Playfair Display’s high-contrast serifs with Source Serif 4’s contemporary readability.

​
Installation

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

  • 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
  • Body/Paragraph: Source Serif 4, line-height 1.65
  • Code: JetBrains Mono family

​
Use Cases

Magazines

High-contrast editorial design for print-inspired digital magazines

Blogs

Sophisticated long-form content and storytelling

News Sites

Traditional newspaper-style layouts with modern readability

Publishing

Book-quality typography for digital publishing platforms

Documentation

Authoritative technical documentation with classic appeal

Portfolios

Writer and journalist portfolios with literary sophistication

​
Quick Comparison

PairingHeading FontBody FontStyle
EditorialPlayfair DisplaySource Serif 4Classic editorial
LiteraryEB GaramondCrimson TextPure serif harmony
NewspaperPlayfair DisplayDM SansModern contrast
NovelCormorant GaramondLoraNarrative storytelling
GazetteCormorant GaramondRalewayElegant drama

​
Installation Commands

# 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
All editorial pairings are optimized for readability with generous line-height (1.65-1.75) and carefully tuned letter-spacing for long-form reading.

Build docs developers (and LLMs) love

Get started for freeTalk to us