Magazine Editorial
The web translation of Wired, NYT Magazine, and Pitchfork: oversized display serifs at 96-160px, drop caps, asymmetric multi-column flow, full-bleed photo essays, small-caps section heads, byline-dateline-photo-credit ty…
$ aoe install @impeccable/persona-magazine-editorialProjection
Always in _index.xml · the agent never has to ask for this.
MagazineEditorial [persona] v1.0.0
The web translation of Wired, NYT Magazine, and Pitchfork: oversized display serifs at 96-160px, drop caps, asymmetric multi-column flow, full-bleed photo essays, small-caps section heads, byline-dateline-photo-credit typography, dramatic scale contrast between display and body.
Loaded when retrieval picks the atom as adjacent / supporting.
MagazineEditorial [persona] v1.0.0
The web translation of Wired, NYT Magazine, and Pitchfork: oversized display serifs at 96-160px, drop caps, asymmetric multi-column flow, full-bleed photo essays, small-caps section heads, byline-dateline-photo-credit typography, dramatic scale contrast between display and body.
School
magazine-editorial
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Implies
- Font:
- Display: high-contrast display serif, large and dramatic — e.g. GT Sectra, Tiempos Headline, Domaine Display, Canela, Ogg, Reckless, Tobias Frere-Jones Mallory
- Body: transitional or old-style serif at 18-20px — e.g. Tiempos Text, Lyon Text, Mercury Text, GT Sectra Text, Source Serif 4, Charter
- Accent: small-caps grotesk for section labels and bylines — e.g. Söhne Schmal, GT America Mono, Tiempos Headline small-caps
- Color:
- Temperature: neutral-warm
- Palette: near-white paper + ink-black + ONE editorial accent (often issue-specific) — #f8f6f1 / #1a1a1a / accent varies per article (deep red #8b2222, ochre #c08a3e, or magazine-blue #1e3a8a)
- Background: #f8f6f1 or #fbf9f4 (warm magazine paper) — pure white only acceptable for full-bleed photo background
- Density: dramatic contrast — display 96-160px against body 18-20px (5-8x ratio), line-height 1.15 on display and 1.55 on body, paragraph spacing 1.5em
- Layout: asymmetric multi-column (2-col article body, 1-col pull-quotes spanning, full-bleed photo breaks), drop cap on first paragraph, side-note margins on desktop, photo essays with caption-credit pairs
- Imagery: commissioned editorial photography (not stock), full-bleed image breaks every 3-5 paragraphs, photo credits in small caps below image, illustration as feature-piece anchor
- Motion: minimal but intentional — fade-in on scroll for images, parallax for hero photo OK, no scroll-jacking, no carousel-on-hover
Example Brands
- Wired (longform features)
- The Atlantic
- NYT Magazine
- Pitchfork (review pages)
- The Verge (feature stories, not news)
- Aeon Magazine
- The New Yorker (longform)
- It's Nice That feature articles
Composition
- Must Include:
- @community/principle-vertical-rhythm
- @community/principle-typography-hierarchy
- @community/fact-type-scale-modular
- Must Avoid:
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
- Typography Required:
- Display: high-contrast display serif (GT Sectra | Tiempos Headline | Canela)
- Body: transitional or old-style serif, 18-20px
- Display Size: 96-160px
- Color Required:
- Background: #f8f6f1 or #fbf9f4 (warm magazine paper)
- Palette: per-article accent (issue-specific, not global)
- Motion Prescriptions:
- @community/principle-vertical-rhythm
Loaded when retrieval picks the atom as a focal / direct hit.
MagazineEditorial [persona] v1.0.0
The web translation of Wired, NYT Magazine, and Pitchfork: oversized display serifs at 96-160px, drop caps, asymmetric multi-column flow, full-bleed photo essays, small-caps section heads, byline-dateline-photo-credit typography, dramatic scale contrast between display and body.
School
magazine-editorial
Meta
- License: Apache-2.0
- License Provenance: package-authorship-claim
Implies
- Font:
- Display: high-contrast display serif, large and dramatic — e.g. GT Sectra, Tiempos Headline, Domaine Display, Canela, Ogg, Reckless, Tobias Frere-Jones Mallory
- Body: transitional or old-style serif at 18-20px — e.g. Tiempos Text, Lyon Text, Mercury Text, GT Sectra Text, Source Serif 4, Charter
- Accent: small-caps grotesk for section labels and bylines — e.g. Söhne Schmal, GT America Mono, Tiempos Headline small-caps
- Color:
- Temperature: neutral-warm
- Palette: near-white paper + ink-black + ONE editorial accent (often issue-specific) — #f8f6f1 / #1a1a1a / accent varies per article (deep red #8b2222, ochre #c08a3e, or magazine-blue #1e3a8a)
- Background: #f8f6f1 or #fbf9f4 (warm magazine paper) — pure white only acceptable for full-bleed photo background
- Density: dramatic contrast — display 96-160px against body 18-20px (5-8x ratio), line-height 1.15 on display and 1.55 on body, paragraph spacing 1.5em
- Layout: asymmetric multi-column (2-col article body, 1-col pull-quotes spanning, full-bleed photo breaks), drop cap on first paragraph, side-note margins on desktop, photo essays with caption-credit pairs
- Imagery: commissioned editorial photography (not stock), full-bleed image breaks every 3-5 paragraphs, photo credits in small caps below image, illustration as feature-piece anchor
- Motion: minimal but intentional — fade-in on scroll for images, parallax for hero photo OK, no scroll-jacking, no carousel-on-hover
Example Brands
- Wired (longform features)
- The Atlantic
- NYT Magazine
- Pitchfork (review pages)
- The Verge (feature stories, not news)
- Aeon Magazine
- The New Yorker (longform)
- It's Nice That feature articles
Composition
- Must Include:
- @community/principle-vertical-rhythm
- @community/principle-typography-hierarchy
- @community/fact-type-scale-modular
- Must Avoid:
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
- Typography Required:
- Display: high-contrast display serif (GT Sectra | Tiempos Headline | Canela)
- Body: transitional or old-style serif, 18-20px
- Display Size: 96-160px
- Color Required:
- Background: #f8f6f1 or #fbf9f4 (warm magazine paper)
- Palette: per-article accent (issue-specific, not global)
- Motion Prescriptions:
- @community/principle-vertical-rhythm
Relations
related: [@impeccable/persona-editorial, @impeccable/persona-warm-institutional, @community/fact-optimal-line-length, @community/principle-typography-hierarchy, @community/check-line-length-optimal, @community/principle-vertical-rhythm, @community/rule-line-length-optimal, @community/fact-type-scale-modular, @community/check-heading-hierarchy, @community/principle-color-system-foundation, @community/check-contrast-aa, @community/rule-single-accent-color, @community/constraint-no-pure-white-bg, @community/rule-backgrounds-atmospheric, @community/check-color-blacklist-brand, @community/anti-pattern-generic-saas-blue] compatible: [editorial, warm-institutional, literary, long-form, refined] conflicts: [brutalist, swiss-modernist, vercel-clean, stripe-fintech, dense-pragmatist] contradicts: [@impeccable/persona-dense-pragmatist, @impeccable/persona-brutalist]
Compatible
- editorial
- warm-institutional
- literary
- long-form
- refined
Conflicts
- brutalist
- swiss-modernist
- vercel-clean
- stripe-fintech
- dense-pragmatist
Contradicts
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
Source
aoe-engine/examples/frontend-design/primes/compiled/@impeccable/persona-magazine-editorial/atom.yaml