Short answer

Use it when

The answer stated before the argument. A reader who will not finish the piece still leaves with the decision, and an answer engine gets a block it can quote without reassembling the article.

Category

Education and FAQ

Layout archetype

Inset panel

Page position

middle (derived)

Purpose

explain (derived)

Field

light (derived)

Interaction

static (derived)

Motifs

Quiet field, Sequence mark, Margin note

Content it requires

• One question in the words a reader would use
• A one sentence answer
• Three to five points that stand alone
• A review date

Do not use it when

• The answer must be one sentence. Two sentences means you have not decided what the article says.
• Points have to make sense lifted out of the page, because that is exactly what will happen to them.
• Once per article, directly after the standfirst. Placing it lower turns it into a summary nobody needs.
• The review date is a commitment. Do not ship it unless someone will actually revisit the piece.

Variants

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

Implementation

src/components/patterns/EduArticleKeyPoints.astro

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

<EduArticleKeyPoints />

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.