Article body

Use it when

The article itself: reading measure, subhead rhythm, list treatment, figure, pull quote, and source note. Every journal piece renders through this, so it is the one place article typography is decided.

Category

Education and FAQ

Layout archetype

Editorial column

Page position

middle (derived)

Purpose

explain (derived)

Field

light (derived)

Interaction

static (derived)

Motifs

Held column, Elevation frame, Margin note

Content it requires

• Body content, either through the slot or from markdown
• A figure with a caption and a provenance line
• Two to six sources with a retrieval note

Do not use it when

• The only pattern that styles bare elements, because article bodies come from markdown and cannot carry classes. Do not copy that approach into a section pattern.
• The figure is the one element allowed to break the measure. Widening anything else undoes the reading column.
• Sources are not optional on a piece that makes a factual claim. An empty source block is worse than none.
• Set showDemo to false in production. The demonstration prose exists for the Pattern Lab only.

Variants

None. Colour swaps and mirrored alignment do not count as variants.

Implementation

src/components/patterns/EduArticleBody.astro

---
import EduArticleBody from '../components/patterns/EduArticleBody.astro';
---

<EduArticleBody />

Import directly. Do not route production through patternComponents.

Production usage

Not yet used on a production page. Nothing here has been proven in front of a customer.

Accessibility

• Verified at 360, 768, 1024, and 1440 with no horizontal overflow.
• No interactive controls beyond links and buttons inherited from the design system.
• Colour never carries meaning alone: every state marker is paired with text.
• Motion respects prefers-reduced-motion.