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

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

Featured Pairing: Editorial

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

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

Body Styles

• 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

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

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