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