Preview image. Unlock full-res
Light three-column process section with vector step icons, numbered lime badges, dotted arrows, and copy from discovery through validation.
Summary
Light three-column process section with vector step icons, numbered lime badges, dotted arrows, and copy from discovery through validation.
Visual description
Pale gray background with a small PROCESS label and a split-weight headline: From idea to launch in black and I got you covered in gray. Three equal columns follow, linked by small dotted arrows. Each column has a thin-line vector icon inside a geometric frame, a black circle numbered 01-03 with lime digits, a bold step title (Discovery & Strategy, Design & Prototyping, Testing & Validation), and a short gray body paragraph describing goals, prototyping, and user validation.
Key takeaway
Numbered lime badges inside custom line icons make a generic three-step flow feel branded. Dotted arrows imply sequence without heavy connectors. Split-color headline mirrors the pricing and FAQ pattern across the site system.
Reuse notes
Agency or product-studio process sections where three phases are enough. Icons need a consistent stroke weight; more than four steps will crowd the horizontal layout. Works on light gray when paired with darker hero or pricing blocks above.
