training/skills/hallmark/references/components/f4-step-sequence.md

F4 · Step sequence

Numbered stages (1.0 → 2.0 → 3.0) flow vertically. Each stage has a heading, a paragraph, sometimes a small visual. Use when: the product is a workflow, not a single moment. Don't confuse with: F2 Sticky-scroll (which doesn't number stages).

<ol class="steps">
  <li><span class="stage">1.0</span><h3>Intake.</h3><p>…</p></li>
  <li><span class="stage">2.0</span><h3>Plan.</h3><p>…</p></li>
</ol>