Quill design examples

Quill

Sign-in screen where the user enters their email to authenticate or create a new account, featuring a large branded left panel.

• Sign In

Quill

Password recovery screen where the user requests a reset link for their pre-filled email address.

• Forgot Password

Quill

Authentication screen confirming that a password recovery link has been sent to the user's email address, providing a button to dismiss the view.

• Forgot Password
• Success

Quill

Auth screen where the user can sign in or create an account using Apple, Google, or email.

• Sign Up

Quill

Signup screen where the user creates a new account by entering their email, full name, and choosing a password.

• Sign Up

Quill

Onboarding step where the user names their new team to set up their workspace in the Quill beta.

• Team Management
• Setup Wizard

Quill

Onboarding screen where the user reads a welcome message explaining the core philosophy of threads, activity feed, and notifications before continuing.

• Welcome

Quill

Onboarding screen where a welcome message explains the product's core concepts like threads, activity feeds, and notifications before the user continues.

• Getting Started
• Welcome

Quill

Onboarding step where the user can invite teammates by entering their email addresses or phone numbers into a central form.

• Team Management
• Setup Wizard

Quill

Onboarding step where the user is prompted to download the macOS desktop app or send an SMS link for the iOS app.

• Upload & Download
• Getting Started

Quill

Detail page for a workspace displaying its associated channels and a directory of team members.

• Home
• Team Management

Quill

Creation screen where the user names a new channel and configures its workspace, visibility, and placement.

• Team Management