Preview image. Unlock full-res
Dark three-column how-it-works where each numbered card is illustrated with a distinct colorful dot-and-bar audio pattern.
Summary
A dark three-step process where each column is a thin-bordered card topped by its own colorful rounded-dot audio illustration and a numbered pill.
Visual description
A purple "HOW IT WORKS" eyebrow sits above a left-aligned two-line off-white headline "Try in minutes. Deploy in days." Below, three equal cards separated by faint vertical dividers each carry a small outlined number badge (001, 002, 003) at top, a central illustration made of short rounded bars and dots in white, green, purple, orange and yellow, and a title plus one line of muted copy at the bottom. The three illustrations differ in form: a horizontal waveform-like ripple for "Choose your workflow", a denser rounded cluster for "Plug it in", and a radial burst for "Done."
Key takeaway
Giving each step a unique generative dot-and-bar pattern in the brand's accent palette keeps the section visually rich on an otherwise empty dark canvas, while the consistent dot vocabulary ties the three together. The outlined numeric badges make the sequence unmistakable without heavy numbering.
Reuse notes
Strong for technical or voice products that want abstract, on-brand art instead of screenshots in a process row. Works on dark backgrounds where the bright dots read clearly. The patterns must share a visual language so they feel like a set, not three unrelated graphics.
