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

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 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

Empty state for the Design team channel prompting the user to create the first thread.

• Empty State
• Chatbot

Quill

Settings page where the user views pending team invitations and can copy invite links or add new members.

• Team Management
• Roles & Permissions

Quill

Inbox view where the user reads a welcome thread explaining mentions and replies in the General channel, with an active composer to start a new thread.

• Chatbot
• Messages