Preview image. Unlock full-res
Vertical three-step onboarding flow with numbered badges, eligibility cards, and abstract UI mockups on a light gray page.
Summary
A three-step "how it works" section for Plain's startup program using numbered square badges, eligibility criteria cards, and stylized notification mockups.
Visual description
Light gray background with three vertically stacked steps, each centered. Step 1: dark square badge "1", headline "Book a demo", body copy on eligibility, and three bordered cards in a row with green checkmarks for Early stage, Small teams, and New customer criteria. Step 2: badge "2", "Confirm eligibility" copy, and a white card mockup showing a welcome email from Plain with placeholder text lines. Step 3: badge "3", trial copy, and a pill-shaped calendar card with an OCT 18 icon and "Plain onboarding call / Today at 10:00 AM". A small chat widget peeks at the right edge.
Key takeaway
Numbered dark badges create rhythm without a timeline line. Eligibility criteria as three equal cards make requirements scannable before the user commits. Abstract UI cards (email, calendar) illustrate outcomes without full product screenshots.
Reuse notes
Ideal for application or onboarding flows with clear sequential steps. Three steps is the sweet spot; add a fourth only if each step stays visually distinct. Light neutral palette with one green accent for checks.
