PRF-01
Untriaged Reactive against managed
The before and after equivalent for a service with no photographable output. Compares how the same four moments go with and without a plan.
Use it when
The before and after equivalent for a service with no photographable output. Compares how the same four moments go with and without a plan.
- Category
- Plan and record proof
- Layout archetype
- Data table
- Page position
- middle (derived)
- Purpose
- prove (derived)
- Field
- light (derived)
- Interaction
- static (derived)
- Motifs
- Quiet field
Content it requires
- Four moments
- A reactive and a managed response for each, both under 25 words
Do not use it when
- Four rows is the ceiling. Six turns into a wall of text.
- The managed column must not overclaim. Every line has to be something the service genuinely does.
Variants
Collapses to stacked labelled blocks below 860px rather than scrolling horizontally.
Implementation
src/components/patterns/ProofReactiveManaged.astro
---
import ProofReactiveManaged from '../components/patterns/ProofReactiveManaged.astro';
---
<ProofReactiveManaged />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.