The Process section is used to explain a sequence, journey, or transformation in clear steps.
It is useful when you want to show how the product works, how it is made, or what the customer experiences from start to finish.
Quick Editor Tips
Fill these first: Heading, Description, Process Items, Breakpoints.
- Use this section when order matters.
- Keep each step short and specific.
- Make sure the steps feel like a clear sequence.
- Use breakpoints to keep the process readable on smaller screens.
Main Fields
- Kicker Text
- Section Heading
- Section Subheading
- Section Description
- Process Items
- Call to Action
- Breakpoints
Process Items
Each process item includes:
- Single Process Title
- Single Process Description
- Single Process Image
This section is best when each item feels like one clear stage, not a random collection of points.
Breakpoints
These control how many process items show across a row at different screen sizes.
Quick tip: If the process steps are important to understand in order, fewer columns can make the sequence easier to follow. Recommendation: a 3-step process works best.
Final Note
The Process section works best when the steps feel deliberate and easy to follow. If the sequence is unclear, the section loses its main value.