Process steps
A Section intro over a numbered list of Process cards. The list counts the steps, so adding one never means renumbering.
Live preview
How it works
Four steps from first call to finished job.
You know the price and the dates before anything starts.
First visit
A 30-minute visit to listen, ask questions and talk budget.
Get the plan
A plan and a line-item price within a week.
Approve and schedule
Sign off, pick a start date, pay a deposit.
The work
One team, one lead, regular updates until the job is done.
How it works
Four steps from first call to finished job.
You know the price and the dates before anything starts.
First visit
A 30-minute visit to listen, ask questions and talk budget.
Get the plan
A plan and a line-item price within a week.
Approve and schedule
Sign off, pick a start date, pay a deposit.
What you can build with it
A how it works section. An onboarding sequence on a landing page. What happens next, after a contact form.
Props
A pattern: edit the Section intro and each Process card; add or remove steps in the list.
States shown
Every state comes from the components inside; see their pages. Grids reflow by container width.
How to change it
It is a section built from library components (Process card, Section intro). Edit each component's props, and add or remove cards in the structure panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too.
ACSS tokens used
section-space-m, gutter, content-width, space-l, grid-gap, bg-light
ACSS requirements
ACSS 4 defaults. Uses the Section intro and Process card components (included).
Version history
Version 1.0.1, October 11, 2026: Carries the current Process card (1.1.0): the size option and the card family's shared spacing, corners and part names. Pasted beside the card itself, it no longer asks to update it. Version 1.0.0, September 17, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.0.1.
Free item
Create a free account and copy it straight into Etch.
Used an earlier version? How to update it
Want EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.