editorial-article-anatomy

name	editorial-article-anatomy
description	Use when designing long-form editorial articles. Article anatomy: byline, hero, lede, body, pull-quotes, callouts, footnotes, end mark.

Editorial Article Anatomy

Editorial article structure follows print convention: byline, dropcap lede, sectioned body with pull-quotes, end-of-article mark, footnotes.

Article structure top-to-bottom

1. Eyebrow / Section tag ('Methodology')
2. Headline (large, serif)
3. Deck / Subhead (1-2 sentence sub-explanation)
4. Byline ('By [Author] · [Date]')
5. Hero image (optional)
6. Lede paragraph (drop cap)
7. Body sections (h2 separators)
8. Pull-quote (inline, span columns)
9. Inline callouts (sidebar style)
10. End-of-article mark (e.g., ◆ or □)
11. About the author (small bio)
12. Footnotes / Citations

Reading hierarchy

1. Eyebrow (12pt small caps) — orients reader
2. Headline (40-60pt serif) — primary attention
3. Deck (18-24pt sans) — context
4. Body (16-18pt body) — main reading
5. Pull-quotes (24-32pt italic) — emphasis
6. Captions (12-14pt) — image context
7. Footnotes (11-13pt) — reference

Implementation example

Used in CardPrepAI methodology articles. Each section follows the structure. Common mistake: mixing in marketing-page hero anatomy instead of editorial flow.

Where this fits in the X3 empire

Article design system for CardPrepAI editorial content.