Skiff design examples

Skiff

Sign-in screen where the user authenticates with an email and password or by connecting a crypto wallet.

• Sign In

Skiff

Password recovery screen where the user enters their email or username to initiate an account reset.

• Forgot Password

Skiff

Password recovery page where the user is prompted to enter their email or username, currently showing a loading state.

• Forgot Password
• Loading

Skiff

Account recovery screen displaying an error message because the entered email address was not found in the system.

• Forgot Password
• Error

Skiff

Signup screen where the user chooses to create an account via standard sign up or by connecting a crypto wallet.

• Sign Up
• Account Setup

Skiff

Signup step where the user chooses their new @skiff.com email address and can preview their profile card.

• Account Setup
• Sign Up

Skiff

Signup step where the user chooses their new email address and customizes their profile color.

• Sign Up
• Profile

Skiff

Onboarding step where the user chooses their new Skiff email address and customizes their profile color.

• Account Setup
• Profile

Skiff

Onboarding step where the user chooses their new Skiff email address and customizes their profile color.

• Account Setup
• Profile

Skiff

Signup step where the user attempts to claim a new @skiff.com email address but encounters a taken-username validation error, alongside a live preview of their profile card.

• Sign Up
• Account Setup

Skiff

Onboarding step where the user chooses their new Skiff email address and customizes their profile color.

• Account Setup
• Profile

Skiff

Signup step where the user creates and confirms a strong password to secure their new account.

• Account Setup
• Sign Up