Numbered Steps Section

What it does

The numbered steps section explains your process as a row of cards with giant numbers: step one, step two, done. People buy what they can picture, and three tidy steps make anything feel doable. Confusion kills signups; a visible path revives them.

• The numbers come from the order of your list, never typed by hand, so they can't go wrong.
• A little eyebrow badge, a heading, and one intro line sit centered above the row.
• Each card wears a small STEP 01 style label above its giant accent number, a bold title, and one short line.
• Describe your real process only; invented durations and success claims are banned.
• Cards stay equal height and stack in order on phones.
• An optional button sits centered under the row; an empty list means the section doesn't render.

How it works

1. 01

   Slide the step count, 3 to 5 cards.

2. 02

   Decide whether a button sits under the row.

3. 03

   Copy the prompt, your AI's marching orders for this one, into whichever AI you use.

4. 04

   Write your real steps into the marked list, a title and one plain line each, in the order they truly happen.

5. 05

   Read them in order out loud: a stranger should know exactly what happens first, next, and last.

6. 06

   Check it on your phone: the cards should stack top to bottom in exactly the order you wrote them.

What you can customize

• How many steps: three is the magic number for feeling easy; five fits processes that honestly have more moving parts.
• CTA under the row: with gives the warmed-up reader a next move; without lets the section end quietly and hand off to the next one.
• Numbers, colors, and type adapt to your site automatically, because your AI builds the section right inside your own design.