Dot SaaS onboarding role selection template

What does this dot SaaS onboarding role selection screen include?

A full screen photo backdrop, a glass card with a dot progress indicator at step two, a user segmentation form with four role cards, and a Continue button.

How do the role cards look inside the glass card on this onboarding screen?

Each card shows a role title and a short description of who it fits. Selected cards get a highlight state. The glass card groups all four cards on a single screen with the translucent background letting the photo show through at the edges.

Which templates pair with this dot role selection screen?

Two pairings. For the complete dot flow, this role selection screen sits between the dot welcome screen and the dot ready screen. For the same role selection step in a different style, the pixel role screen uses a pixel progress bar on a plain background, and the gradient role screen uses a warm band progress bar on a plain background.

Can the role cards in this onboarding form be customised?

Yes. The card labels and descriptions are plain text and swap to any role names that match your product user types. Adding or removing cards within the glass card layout works well for three to five options.

Which vibe coding tools work with this dot SaaS onboarding role template?

Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, and Cursor. Paste it in and describe the roles you want and the defaults each role should trigger.