Deepnote design examples

Deepnote

Sign-in screen where the user authenticates with Google, GitHub, email, or SSO alongside a product preview.

• Sign In

Deepnote

Sign-in screen where the user enters their email to receive a magic link, featuring a collaborative Python notebook product preview alongside the form.

• Sign In

Deepnote

Sign-in screen where the user submits their email address, currently displaying a loading spinner on the primary button while a product preview is shown on the right.

• Sign In
• Loading

Deepnote

Sign-in verification screen where the user is instructed to check their email for a magic link to complete authentication.

• Verification
• Home

Deepnote

Signup screen where the user can create an account using Google, GitHub, email, or SSO, featuring a detailed product preview of a Python data notebook on the right.

• Sign Up
• Account Setup

Deepnote

Signup screen where the user enters their email address, currently showing a loading state after submission, alongside a prominent product preview.

• Sign Up
• Loading

Deepnote

Auth screen where the user is instructed to check their email for a verification link to finish signing in.

• Verification

Deepnote

Authentication error screen where the user is informed their magic link is invalid and provided a button to return to the sign-in flow.

• Error
• Sign In

Deepnote

Onboarding step where the user enters their first and optional last name to set up their profile.

• Account Setup

Deepnote

Onboarding step where the user enters their first and optional last name to set up their profile.

• Account Setup
• Profile

Deepnote

Onboarding step where the user answers profiling questions about their intended use case, team size, and main problem to solve via a series of dropdowns.

• Setup Wizard
• Account Setup

Deepnote

Onboarding step where the user answers profiling questions about their use case, team size, and goals.

• Account Setup
• Form