AtlanticLongform [example] v1.0.0

The Atlantic's longform article opens with a full-bleed cover image (16:9, ~80vh tall) overlaid with a 64px serif headline (their custom 'Atlantic Serif'), 24px deck below in italic, and byline. The body uses a 680px max-width centered column, 19px/32px serif body, with first paragraph styled with a 5em drop-cap. Pull-quotes are 28px italic, indented 80px, with thin 1px rules above/below.

Label

The Atlantic — Longform Article Layout

Url

https://www.theatlantic.com

Observed

2026-Q1

Brand

atlantic

Pattern Applied

@community/pattern-blog-article-layout

Aesthetic Notes

• Body type: 'Atlantic Serif' (or Tiempos Text fallback), 19px/32px, color #1A1A1A, max-width 680px.
• Headline: 64px/64px Atlantic Serif, font-weight 800, letter-spacing -0.01em.
• Drop-cap: 5em float-left, 0.85 line-height, color #C8102E (Atlantic red), no border.
• Pull-quote: 28px italic, indent 80px from left, 1px solid #1A1A1A rules above and below at 12px gap.
• Body padding: 96px top/bottom; paragraphs separated by 1.5em margin (no indent).
• Image captions: 14px italic #6B6B6B, max-width 680px even when image is full-bleed.

What To Copy

• Use a true serif (not Georgia) for editorial body — Atlantic Serif, Tiempos Text, or Source Serif Pro.
• 680px max-width body column is the editorial sweet spot (~70 chars per line at 19px serif).
• Drop-caps in brand color (here Atlantic red #C8102E) signal 'editorial' more than any other single element.
• Captions narrower than full-bleed images — they belong with the body column, not the image.

What To Skip

• Atlantic's article injects subscriber-CTA inline mid-article — disruptive on first read, save for after the body.

Screenshot Hint

scout query: the atlantic longform article serif drop cap pull quote editorial

Demonstrates

• Editorial typography requires custom or premium serif — Georgia/system serifs feel amateurish.
• 680px body column is the durable readability standard for prose.
• Drop-caps + brand color is the cheapest 'editorial' signal in long form.

AtlanticLongform [example] v1.0.0

The Atlantic's longform article opens with a full-bleed cover image (16:9, ~80vh tall) overlaid with a 64px serif headline (their custom 'Atlantic Serif'), 24px deck below in italic, and byline. The body uses a 680px max-width centered column, 19px/32px serif body, with first paragraph styled with a 5em drop-cap. Pull-quotes are 28px italic, indented 80px, with thin 1px rules above/below.

Label

The Atlantic — Longform Article Layout

Url

https://www.theatlantic.com

Observed

2026-Q1

Brand

atlantic

Pattern Applied

@community/pattern-blog-article-layout

Aesthetic Notes

• Body type: 'Atlantic Serif' (or Tiempos Text fallback), 19px/32px, color #1A1A1A, max-width 680px.
• Headline: 64px/64px Atlantic Serif, font-weight 800, letter-spacing -0.01em.
• Drop-cap: 5em float-left, 0.85 line-height, color #C8102E (Atlantic red), no border.
• Pull-quote: 28px italic, indent 80px from left, 1px solid #1A1A1A rules above and below at 12px gap.
• Body padding: 96px top/bottom; paragraphs separated by 1.5em margin (no indent).
• Image captions: 14px italic #6B6B6B, max-width 680px even when image is full-bleed.

What To Copy

• Use a true serif (not Georgia) for editorial body — Atlantic Serif, Tiempos Text, or Source Serif Pro.
• 680px max-width body column is the editorial sweet spot (~70 chars per line at 19px serif).
• Drop-caps in brand color (here Atlantic red #C8102E) signal 'editorial' more than any other single element.
• Captions narrower than full-bleed images — they belong with the body column, not the image.

What To Skip

• Atlantic's article injects subscriber-CTA inline mid-article — disruptive on first read, save for after the body.

Screenshot Hint

scout query: the atlantic longform article serif drop cap pull quote editorial

Demonstrates

• Editorial typography requires custom or premium serif — Georgia/system serifs feel amateurish.
• 680px body column is the durable readability standard for prose.
• Drop-caps + brand color is the cheapest 'editorial' signal in long form.

Label

The Atlantic — Longform Article Layout

Url

https://www.theatlantic.com

Observed

2026-Q1

Brand

atlantic

Pattern Applied

@community/pattern-blog-article-layout

Aesthetic Notes

• Body type: 'Atlantic Serif' (or Tiempos Text fallback), 19px/32px, color #1A1A1A, max-width 680px.
• Headline: 64px/64px Atlantic Serif, font-weight 800, letter-spacing -0.01em.
• Drop-cap: 5em float-left, 0.85 line-height, color #C8102E (Atlantic red), no border.
• Pull-quote: 28px italic, indent 80px from left, 1px solid #1A1A1A rules above and below at 12px gap.
• Body padding: 96px top/bottom; paragraphs separated by 1.5em margin (no indent).
• Image captions: 14px italic #6B6B6B, max-width 680px even when image is full-bleed.

What To Copy

• Use a true serif (not Georgia) for editorial body — Atlantic Serif, Tiempos Text, or Source Serif Pro.
• 680px max-width body column is the editorial sweet spot (~70 chars per line at 19px serif).
• Drop-caps in brand color (here Atlantic red #C8102E) signal 'editorial' more than any other single element.
• Captions narrower than full-bleed images — they belong with the body column, not the image.

What To Skip

• Atlantic's article injects subscriber-CTA inline mid-article — disruptive on first read, save for after the body.

Screenshot Hint

scout query: the atlantic longform article serif drop cap pull quote editorial

Demonstrates

• Editorial typography requires custom or premium serif — Georgia/system serifs feel amateurish.
• 680px body column is the durable readability standard for prose.
• Drop-caps + brand color is the cheapest 'editorial' signal in long form.