Marketing
How It Works
Ordered steps, from a three-across summary to a long-form walkthrough. Every one of these is a real <ol>, so a screen reader announces "2 of 3" rather than reading three unrelated headings, and the arrows and rails that say the same thing visually are marked decorative.
Three steps with arrows
Add as a new component
Vertical centered steps
Add as a new component
Numbered with artifacts
Add as a new component
Framed columns with previews
Add as a new component
Sticky title with steps
Add as a new component
Timeline with panels
Add as a new component
Split heading with numbered list
Add as a new component