The Atlantic — Brand Toolkit

Yearning
Mountain

A comprehensive visual identity system grounded in editorial excellence, historical authority, and timeless design principles. Established in 1857, The Atlantic combines restraint, readability, and refined aesthetics.

Color System

The Atlantic's color palette is intentionally constrained. Primary emphasis on black, white, and a bold red accent creates authority and clarity. Supporting grays maintain visual hierarchy and legibility.

#0A0A0A

Deep Black

#0A0A0A

#C8102E

Atlantic Red

#C8102E

#F7F4F0

Warm White

#F7F4F0

#FFFFFF

Pure White

#FFFFFF

#6B6B6B

Neutral Gray

#6B6B6B

#A0A0A0

Light Gray

#A0A0A0

Tip: Click any color to copy its hex value. Use sparingly—one intense, beautiful color moment is stronger than five.

Typography

Three carefully chosen typefaces create distinctive hierarchy. Playfair Display for commanding headlines, EB Garamond for refined body text, and Inter for clear UI labels. Large-to-small contrast builds visual authority.

Display Heading

Yearning Mountain

Playfair Display • 48px • Weight 800 • Letter Spacing -0.02em

Body Text

The Atlantic was founded in 1857 as a forum for ideas on literature, politics, and the arts. Today it remains a beacon of authoritative journalism and cultural criticism, where restraint and readability reign supreme.

EB Garamond • 18px • Weight 400 • Line Height 1.8

UI Label

Subscribe Now

Inter • 14px • Weight 600 • Letter Spacing 0.05em

Caption

Photo by Jane Smith / March 2026

Inter • 12px • Weight 400 • Color #A0A0A0

Logo & Identity

The
Atlantic

Visual Identity

The logotype uses Playfair Display at maximum boldness, with the initial letter rendered in Atlantic Red. This creates immediate recognition and authority.

Brand Mark

Single red letter serves as the iconic brand mark across all touchpoints, from favicons to app icons. Instantly recognizable at any scale.

Clear Space

Maintain minimum clear space equal to the height of "T" around all brand marks. This protects visual integrity across applications.

Layout & Grid

The Atlantic's responsive grid system ensures content remains readable and organized across all devices. Primary canvas: 1440px with 96px gutters, creating a clean 4-column structure.

4-Column Grid (1440px)

Column 1

Column 2

Column 3

Column 4

Spacing Scale

8px • 16px • 24px • 48px • 72px • 96px

Use these increments consistently to create visual rhythm and white space hierarchy across all layouts.

UI Components

Core interface components maintain The Atlantic's design language through refined typography, intentional spacing, and strategic color application. All components scale responsively.

Primary Button

Secondary Button

Article Card

Why The Atlantic Still Matters

An exploration of authority and restraint in modern media.

Read Article →

Featured Quote

"Restraint and clarity remain the hallmarks of authoritative design."

Voice & Personality

Restraint

Every element must earn its place. Remove rather than add. One intense, beautiful color moment is stronger than five. White space is a feature, not wasted space.

"Perfection is not achieved when there is nothing more to add, but when there is nothing more to take away."

Authority

Founded in 1857, The Atlantic speaks with the confidence of historical grounding and editorial excellence. Bold typography, clear hierarchy, and careful craft signal expertise and trustworthiness.

Readability

All design decisions serve clarity. High contrast text, generous line height, and thoughtful sizing ensure content is accessible and inviting. Typography drives visual hierarchy.

Timelessness

Avoid trends that age quickly. Swiss editorial design principles, classical typefaces, and a constrained color palette create a system that feels current today and tomorrow.

This toolkit represents The Atlantic's commitment to visual excellence. For questions about implementation or brand extensions, consult with the design team.