Designedย by
No items found.
Subject


Bookmark
Bookmark
Design with AI
Category
Tech Stack
Added on
April 16, 2024

Customer.io Password Setup Structure

Clean Password Setup Done Right

Customer.io keeps their onboarding tight here. The page does one thing and does it well. No sidebar, no distractions, just a centered card on a light gray background asking you to create a password. That's it. The focus is immediate.

The Strength Meter Pulls Its Weight

That bright green progress bar under the password field is the first thing your eye lands on. It's satisfying. The "Strong" label sits in a soft green badge to the right, giving instant positive feedback without being loud about it. Below it, the recommendation text is set in a smaller, muted gray. It reads like a suggestion, not a demand. Smart hierarchy.

Typography and Restraint

The heading is bold, large, and dark. The subtext underneath is warm but brief. Everything uses what looks like a clean sans-serif, probably their brand font. The dark teal button at the bottom with "Next: Set up company" and a chevron gives a clear next step. One button. One action. The footer legal links are understated. This whole page feels like a breath of fresh air in onboarding flows that try too hard.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now