Milestone path
A winding dashed path with four numbered milestone dots above a matching grid of steps.
Horizontal connected
Pro
Three steps in a row joined by a thin connector line with a dot marking each step.
More like this
Browse Marketing & Growth
Numbered editorial
Four oversized numbered steps in a two column editorial grid with top borders.
Workflow before-and-after
A process comparison telling one weekly workflow twice, a manual panel with X marks beside a app panel with check marks and summed totals.
Setup checklist
Copy about a one afternoon setup beside a bordered checklist card with a progress bar.
Pipeline flow
Inline SVG flow of four pipeline stages above a three column row explaining them.
Process table
A process section laying the rollout out as a five row table with stage, description, owner badge, timeline, and deliverable columns.
Progress bar steps
Onboarding as a segmented meter frozen mid journey with honest time labels per step.
Split steps with mockup
Three numbered steps beside an app window mockup showing live metrics and a chart.
Step tabs
Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.
Steps with mini mockups
Three numbered step cards, each led by a mini UI mockup of the brief, board, and report stages.
Three phase path
A three phase process section with icon squares, arrow connectors on desktop, per phase checklists, and a quiet link to the onboarding guide.
Three step cards
Centered heading above three step cards, each pairing an icon and number with short copy.