Capsule design examples

Capsule

Sign-in screen where the user enters their Capsule site address or authenticates via Intuit to access their account.

• Sign In

Capsule

Error page where the user is informed that the requested account does not exist, with links to support and system status.

• Error

Capsule

Account recovery screen where the user enters their email to receive their workspace site address.

• Forgot Password

Capsule

Account recovery screen where the user enters their email address to receive a reminder of their specific Capsule workspace URL.

• Forgot Password
• Confirmation

Capsule

Success screen confirming that a reminder containing the user's site address has been emailed to them.

• Success
• Confirmation

Capsule

Signup modal where the user can start a 14-day free trial by entering their work email or authenticating with Microsoft or Google Workspace, alongside G2 rating badges and a customer testimonial.

• Trial
• Sign Up

Capsule

Verification screen where the user enters a 4-digit code sent to their email to continue setting up their account.

• Verification
• Account Setup

Capsule

Onboarding step where the user selects their role from a set of pill-shaped options to personalize their account.

• Account Setup
• Onboarding Checklist

Capsule

Onboarding step where the user selects their professional role from a set of pill-shaped options to personalize their account experience.

• Setup Wizard
• Getting Started

Capsule

Onboarding step where the user invites teammates by entering their work email and assigning a role.

• Invite Teammates
• Team Management

Capsule

Onboarding step where the user adds their first contact by filling out a form with name, organization, job title, and email address.

• Onboarding Checklist
• Setup Wizard

Capsule

Onboarding modal where the user is welcomed and prompted to choose their next step, such as importing data, sending email templates, or connecting integrations.

• Welcome
• Getting Started