Explain how things work in a way people actually read: nine layouts from timelines and roadmaps to an interactive stepper, a line that fills as you scroll, live progress states, images, time chips and color per step.
Tabs with a progress line, Back / Next buttons, keyboard arrows and optional autoplay. Here an estate agent explains buying a first home (sample content).
Get pre-approved
Know your budget before you fall in love with a place. A mortgage in principle takes about a day and makes sellers take you seriously.
View homes
We shortlist homes that match your list and book viewings back to back, so one Saturday covers it.
Make an offer
We help you pick the right number, negotiate and handle the paperwork once it is accepted.
Move in
Surveys, solicitors and the final checks, then the best bit: collecting your keys.
Set the current step and earlier steps get a tick, the current one pulses and the rest wait their turn. Perfect for order tracking and project status.
Sample order.
The line fills as candidates scroll, lighting up each step. Time chips set expectations up front.
Apply in 5 minutes
Send your CV or LinkedIn. No cover letter needed.
Friendly chat
A 20-minute video call with someone from the team.
Small paid task
A realistic task, paid for your time, done at home.
Meet the team
Lunch with the people you would work with.
Offer
A clear offer within 48 hours, whatever the answer.
Alternating cards along a center line: a natural fit for “our story” and history pages. (Fictional company.)
A kitchen-table idea
Two friends start roasting coffee for neighbors on a Saturday.
First café
A tiny corner shop with six stools and a very loud grinder.
Roastery opens
We move roasting in-house and start supplying 40 local cafés.
Beans by post
Subscriptions launch and ship across the country every Monday.
Big outlined numbers, a marker on the edge and arrows between cards. Each step can have its own color. (Sample bakery.)
Colored steps rise under each card: ideal for levels, plans and learning paths.
Arrow-shaped stages for pipelines, funnels and workflows. They stack neatly on phones.
- New lead
Someone fills in the contact form.
- Qualified
A quick call confirms budget and timing.
- Proposal
A clear quote with three options.
- Won
Signed, kicked off and celebrated.
Markers sit on a winding road that fills as you scroll. With progress set, shipped items get a tick. (Sample roadmap.)
Steps around a slowly turning ring with your message in the middle. On phones it becomes a tidy list.
201 premium elements, Process / Steps Flow included.