Canvas design examples

Canvas

Sign-in screen where the user authenticates to Canvas using their email or username and password.

• Sign In

Canvas

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Canvas

Signup page where the user creates a new Canvas account by providing a username, email, and password alongside a branded graphic panel.

• Sign Up

Canvas

Onboarding step where the user names their Canvas organization and sets a custom workspace URL.

• Onboarding Checklist
• Account Setup

Canvas

Onboarding step where the user invites teammates to their organization by entering email addresses, with an option to skip.

• Team Management
• Onboarding Checklist

Canvas

Onboarding screen where the user is welcomed to their new organization and prompted to watch an introductory video, read a guide, invite coworkers, or start with a canvas template.

• Welcome
• Onboarding Checklist

Canvas

Document editor where a user named Joakim is typing a simple text note.

• Edit
• Media Detail

Canvas

App start screen where the user can search for documents or access recent sheets, shown with the user account menu open.

• Search

Canvas

Full-screen account settings modal where the user can update their profile information, password, and email notification preferences.

• Account Settings
• Profile

Canvas

Account creation Onboarding Confirmation Confirmation screen

Canvas

Settings page where the user updates their organization name and custom URL, and manages team members by sending email invitations or removing existing users.

• Team Management