Skip to content

Perchford design system

Internal, noindex
PRF-02

Priority board

The full horizon vocabulary with definitions. The most ownable object in the system and the clearest explanation of what the plan actually produces.

Untriaged
Open isolated

Use it when

The full horizon vocabulary with definitions. The most ownable object in the system and the clearest explanation of what the plan actually produces.

Category
Plan and record proof
Layout archetype
Held column
Page position
middle (derived)
Purpose
prove (derived)
Field
light (derived)
Interaction
static (derived)
Motifs
Horizon, Condition marker, Quiet field

Content it requires

  • Five horizon stops with a one-sentence definition each

Do not use it when

  • The five stops are fixed vocabulary. Do not rename or reorder them for a single page.
  • Only the first row is accented. Two accents destroy the sense of a ranking.

Variants

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

Implementation

src/components/patterns/ProofPriorityBoard.astro

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

<ProofPriorityBoard />

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.