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 is informed that a reset link has been sent to their email and prompted to return to sign in.

• Forgot Password
• Success

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

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

Folder view where the user sees an empty state with a prompt to open the Overflow app to create a new document.

• Empty State
• Files

Overflow

Modal overlay where the user can share a folder by entering email addresses and managing existing members' access levels.

• Invite Teammates
• Team Management

Overflow

Modal where the user shares a folder with people and groups, manages editor permissions, and toggles notification settings.

• Invite Teammates
• Roles & Permissions

Overflow

List view for an empty folder with a modal open to share access with specific people or groups and set their permission levels.

• Invite Teammates
• Roles & Permissions