Abstract product screens examples

Abstract

Sign-in screen where the user enters their email or username to continue.

• Sign In

Abstract

Signup page where the user enters their email, name, and password to create a new account, with an option to opt into product news.

• Sign Up
• Account Setup

Abstract

Onboarding step where the user chooses to either join an existing organization or create a new one with a 30-day trial.

• Sign Up
• Onboarding Checklist

Abstract

In-app onboarding document explaining the features of Notebooks with illustrative graphics and a call to action to create a first notebook.

• Welcome

Abstract

Rich text notebook editor where the user has opened the status dropdown to change the document's state from work in progress.

• Edit
• Form

Abstract

Detail page for a design notebook where the user is creating a new review request via a right-side panel.

• Notifications
• Profile

Abstract

Detail page for a design notebook where the user is adding a decision via a modal overlay, with a review request panel visible in the background.

• Review Queue

Abstract

Content editor where the user views a rich-text notebook and opens a side panel to draft a new review request.

• Welcome
• Edit

Abstract

Detail page where the user views a notebook document and fills out a form in the right sidebar to request a review from teammates.

• Request Access
• Notifications

Abstract

Home dashboard where the user can access recent notebooks, view pending review requests, and filter their notebooks by status.

• Dashboard
• Filter & Sort

Abstract

Detail page where a user reads a notebook document and reviews a pending approval request in a side drawer.

• Home
• Comments

Abstract

Detail page where a user reads a notebook document and uses a right-hand drawer to approve, request changes, or leave a comment on a peer review.

• Approval Flow
• Comments