Overflow design examples

Overflow

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

• Sign In

Overflow

Sign-in screen where the user is prompted to authenticate via email and password or Google SSO, currently displaying validation errors for empty fields.

• Sign In
• Error

Overflow

Password recovery screen where the user is prompted to enter their email address to receive a reset link, currently displaying a required-field validation error.

• Forgot Password
• Error

Overflow

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

• Forgot Password

Overflow

Password recovery screen where the user is informed that a reset link has been sent to their email and prompted to return to sign in.

• Forgot Password
• Success

Overflow

Sign-in screen where the user authenticates via an SSO Account ID, with alternative options to sign in with Google or email.

• Sign In

Overflow

List view where the user sees an empty state for their cloud documents with a prompt to open the desktop app to create one.

• Empty State
• Files

Overflow

List view where the user sees an empty state for their cloud documents and is prompted to open the desktop app to create one, with a sort dropdown captured open.

• Empty State
• Files

Overflow

Empty documents list with a prompt to open the desktop app to create new cloud documents, featuring an open user menu with account and billing settings.

• Empty State
• Files

Overflow

List view where the user sees an empty state for documents shared with them, alongside a prompt to buy a subscription.

• Empty State
• Files

Overflow

Checkout page where the user configures their Pro plan seats, selects a billing cycle, and enters invoice details to complete the upgrade.

• Checkout
• Pricing

Overflow

Empty document list view prompting the user to open the desktop app to create their first file.

• Empty State
• Files