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

Signup page where the user creates an account by entering their first name, last name, email, and setting a password.

• Sign Up

Synthesia

Signup page where the user enters their name, email, and password to create a new account.

• 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 enters a 6-digit code sent to their email to complete the signup process.

• 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

Paywall modal prompting the user to choose between a Personal subscription or contact sales for an Enterprise plan, featuring a monthly/yearly billing toggle.

• Feature Gate
• Pricing