Journal by pillar
The journal organised by the decision a reader is facing rather than by date. Each pillar states what it is for, then lists its pieces, so someone who arrived with a question finds the group before the article.
Use it when
The journal organised by the decision a reader is facing rather than by date. Each pillar states what it is for, then lists its pieces, so someone who arrived with a question finds the group before the article.
- Category
- Education and FAQ
- Layout archetype
- Cascade
- Page position
- middle (derived)
- Purpose
- explain (derived)
- Field
- light (derived)
- Interaction
- static (derived)
- Motifs
- Sequence mark, Register, Held column
Content it requires
- Three to five pillars
- A purpose line per pillar that names a decision
- Two to five articles under each
Do not use it when
- Worth using only once recency has stopped being a useful sort. Below about twelve articles this looks emptier than it is.
- A pillar with one article under it reads as an admission. Fill it or fold it into another.
- The stepped indent is the pattern. Flattening it leaves four identical rows.
- Shares the cascade archetype with PRC-04. Never both on one page.
Variants
None. Colour swaps and mirrored alignment do not count as variants.
Implementation
src/components/patterns/EduJournalPillars.astro
---
import EduJournalPillars from '../components/patterns/EduJournalPillars.astro';
---
<EduJournalPillars />Import directly. Do not route production through patternComponents.
This specimen is rendered with Pattern Lab demo props (headingTag) that a production page should replace with its own content.
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.