Tango design examples

Tango

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

• Sign In

Tango

Password recovery screen where the user enters their email address to receive reset instructions, with an alternative link to return to the sign-in page.

• Forgot Password

Tango

Password recovery screen where the user enters an email verification code and sets a new password, featuring a success toast notification.

• Forgot Password
• Confirmation

Tango

Signup screen where the user creates an account using Google or by entering their name, email, and a password.

• Sign Up

Tango

Sign-up screen where the user enters their name, email, and password to create a Tango account, currently showing a loading state during submission.

• Sign Up
• Loading

Tango

Verification screen where the user must paste a temporary sign-up code sent to their email address to complete registration.

• Verification

Tango

Onboarding step where the user selects their primary use case for Tango from options like New Hire Onboarding or Customer Help Docs.

• Onboarding Checklist
• Setup Wizard

Tango

Onboarding step where the user selects their intended use cases, such as new hire onboarding or employee training, to personalize their experience.

• Setup Wizard
• Onboarding Checklist

Tango

Onboarding step where the user specifies their role and how they discovered the product to personalize their experience.

• Onboarding Checklist
• Setup Wizard

Tango

Onboarding step where the user sets their workspace name, customizes the avatar, and configures domain-level access.

• Onboarding Checklist
• Account Setup

Tango

Onboarding step where the user names their workspace, sets an avatar, and configures domain join permissions.

• Onboarding Checklist
• Edit

Tango

Onboarding step where the user can invite teammates by entering their email addresses before completing the setup.

• Invite Teammates
• Onboarding Checklist