Skip to content
Canvas logo

Canvas product screens examples

Browse Canvas screen design examples. Preview the interface screenshots and explore related UI patterns. Write, with your team

Explore the examples

Sign in from Canvas
Canvas logo
Canvas

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

Password reset from Canvas
Canvas logo
Canvas

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

Sign up from Canvas
Canvas logo
Canvas

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

Onboarding from Canvas
Canvas logo
Canvas

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

Onboarding from Canvas
Canvas logo
Canvas

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

Home from Canvas
Canvas logo
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.

Single from Canvas
Canvas logo
Canvas

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

List from Canvas
Canvas logo
Canvas

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

Settings from Canvas
Canvas logo
Canvas

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

Sign up from Canvas
Canvas logo
Canvas

Account creation Onboarding Confirmation Confirmation screen

Settings from Canvas
Canvas logo
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.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams