Trail
A horizontal step trail, the numbered discs joined by a connector line running straight through them.
Process section templates
A process section answers "what actually happens if I say yes?" — the question that stops a lot of people who are otherwise ready to get in touch. Naming the steps removes the uncertainty.
5 process section layouts
Each one below is a live preview rendering in your current design language, not a screenshot. Open any of them to see it full-width, switch the business type to read it with your kind of content, or add it to a page.
Timeline
A vertical timeline threaded by a rail, each step marked by a dot with its title and text alongside.
Blocks
A grid of numbered step cards, each leading with a large index number above its title and text.
Guide
Icon-led steps in a flexible grid, each opening with a line icon in a soft rounded disc.
Rail
A sticky heading on the left beside a numbered vertical list of steps on the right.
How to choose a process section
Horizontal steps read as quick and light, which suits a simple three-stage process. A vertical timeline handles longer sequences and gives each step room for real detail. If the steps happen over time rather than in a fixed order, a timeline is the more honest shape.
At a glance
- Layouts
- 5 distinct process sections
- Styles covered
- numbered, steps, grid, horizontal, timeline, vertical, rail, cards
- Styling
- Your color, typography, spacing, radius and shadow tokens
- Export
- HTML, CSS, JSON, or an AI instruction package
Process section FAQ
How many steps should a process section have?
Three to five. Fewer looks like you are hiding the work; more makes the process itself look like the obstacle. Group the small tasks under the milestone that matters to the customer.
What should each step describe?
What happens, who does it, and roughly how long it takes. Timeframes are the part people most want and most rarely get, and including them tends to increase enquiries rather than scare people off.
Is a process section worth it for a simple service?
Often yes — a simple process is a selling point when competitors make theirs sound complicated. Three short steps that end in a clear outcome do a lot of reassuring work.