Synthesia design examples

Synthesia

Sign-in screen where the user authenticates with Google, SSO, or email and password.

• Sign In

Synthesia

Password recovery screen where the user enters their email address to receive a reset link for their account.

• Forgot Password

Synthesia

Password recovery screen where the user enters their email address to receive a reset link, with a success toast confirming the email was sent.

• Forgot Password
• Success

Synthesia

Signup screen where the user can create an account using Google or an email address.

• Sign Up

Synthesia

Verification screen where the user enters a 6-digit code sent to their email to confirm their identity and complete signup.

• Verification

Synthesia

Verification screen where the user submits a 6-digit code sent to their email to complete signup, currently showing a loading state.

• Verification
• Loading

Synthesia

Paywall modal where the user must choose between a Personal subscription or contacting sales for an Enterprise plan to continue.

• Feature Gate
• Pricing

Synthesia

Paywall modal requiring the user to select a Personal or Enterprise subscription plan, featuring a monthly versus yearly billing toggle with a discount badge.

• Pricing
• Feature Gate

Synthesia

Onboarding step where the user selects their use case and attribution source via a centered modal before proceeding.

• Setup Wizard
• Form

Synthesia

Onboarding step where the user is asked how they heard about the product via an open dropdown menu.

• Form
• Getting Started

Synthesia

Onboarding step where the user answers a quick questionnaire about their use case and how they heard about the product before proceeding.

• Form
• Welcome

Synthesia

Onboarding screen where the user selects their use case and how they heard about the product after a successful payment.

• Setup Wizard
• Account Setup