PRC-04
Untriaged Cascading process
Alternate to PRC-01. Each step indents further than the last, so the section reads as a descent into specificity rather than a flat numbered list.
Use it when
Alternate to PRC-01. Each step indents further than the last, so the section reads as a descent into specificity rather than a flat numbered list.
- Category
- Process
- Layout archetype
- Cascade
- Page position
- middle (derived)
- Purpose
- explain (derived)
- Field
- dark (derived)
- Interaction
- static (derived)
- Motifs
- Sequence mark, Margin note, Quiet field
Content it requires
- processSteps from src/data/homeManagement.ts
Do not use it when
- Breaks past about six steps. The indent runs out of horizontal room.
- The indent is decorative on mobile, where it compresses to 10px per step.
Variants
None. Colour swaps and mirrored alignment do not count as variants.
Implementation
src/components/patterns/ProcessCascade.astro
---
import ProcessCascade from '../components/patterns/ProcessCascade.astro';
---
<ProcessCascade />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.