Claude design examples

Name: Claude
Author: Bertrand

Explore Claude UI design examples. Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure

Product screens

Sign-in screen where the user authenticates with Google or email to access the AI assistant.

Verification screen where the user is instructed to check their email for a magic link to complete the sign-in process.

Auth success screen confirming the user is signed in as bertrand@nicelydone.club with a prompt to continue to Claude.

Verification screen where the user enters their phone number and birthdate to receive a code and agree to terms during account creation.

Verification screen where the user enters their phone number and birthdate to receive a code, currently showing an error state for an invalid number.

App screen showing a centered loading spinner on a solid background while the onboarding flow initializes.

Onboarding step where the user selects whether they plan to use Claude for personal use or with their team.

Onboarding step where the user invites teammates by email to meet the minimum team plan requirement before continuing.

Onboarding step where the user invites team members by entering a comma-separated list of email addresses to meet a minimum plan requirement.

Onboarding step where an alert dialog warns the user they will be billed for a minimum of 5 members even if they skip inviting them now.

Paywall screen where the user is upgrading to a Team plan, currently showing a loading state before the checkout form appears.

Checkout page where the user enters billing details, including a credit card and address, to subscribe to the Team plan.

Explore real SaaS apps with their product screens, marketing screens, flows, and components.