Steps
10 variants · features · for home, landing, product, app pages
horizontal
3 or 4 short steps along one line with numbered dots, a vertical rail on a phone: the quick how-it-works
vertical-rail
4 to 6 steps with detail, a heading beside a rail of numbered badges and small time tags: a process to read
editorial-grid
4 steps for a calm brand, oversized faint numerals in a two-column grid and no icons: a quiet method
cards
2 or 3 simple steps as cards with an arrow from one to the next: buy in three moves
zigzag-mockup
steps that each have a picture or a screenshot, shown as rows on alternating sides: a visual walkthrough
deliverables
3 to 5 stages of a service, each a wide row with its words beside what you get at its end: a process that ends each stage with something concrete
connected-media
3 steps shown as pictures in one row joined by plus and arrow signs, words under each: a simple flow where each step has a screen
progress-bar
a short flow in stages, a segmented bar with the duration of each: order, setup or delivery in 4 stages
staircase
4 or 5 stages of a service as one bold graphic: full-width bands deepening in the brand’s tints, the title at the left and a huge number that steps further right on each band
sticky-media
3 to 5 steps that each have their own picture: the heading and the picture of the step in view stay in place while the steps scroll beside them with oversized numbers