Skip to content

Perchford design system

Internal, noindex
EDU-04

In-article prompt

A mid-article conversion prompt sized to sit inside the reading measure without interrupting the argument.

Untriaged
Open isolated

Use it when

A mid-article conversion prompt sized to sit inside the reading measure without interrupting the argument.

Category
Education and FAQ
Layout archetype
Editorial column
Page position
middle (derived)
Purpose
explain (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Margin note

Content it requires

  • A heading that follows from the surrounding argument
  • Two sentences
  • One link

Do not use it when

  • Once per article, roughly two thirds of the way through.
  • The heading has to connect to the paragraph above it. A generic prompt here reads as an advertisement.

Variants

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

Implementation

src/components/patterns/EduInArticlePrompt.astro

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

<EduInArticlePrompt />

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.