Knock design examples

Knock

Sign-in screen where the user authenticates with their work email or a Google account.

• Sign In

Knock

Sign-in screen where the user is prompted to correct an invalid work email address, with an alternative option to authenticate via Google.

• Sign In
• Error

Knock

Sign-in screen where the user is authenticating with an email address, currently showing a loading state on the primary button.

• Sign In
• Loading

Knock

Verification screen where the user is instructed to check their email for a magic login link that expires in 5 minutes.

• Verification

Knock

Authentication screen confirming a login link has been sent to the user's email, with options to resend the link or return to the login page.

• Forgot Password
• Confirmation

Knock

Signup page where the user creates an account via work email or Google SSO alongside a developer-focused value proposition and social proof.

• Sign Up

Knock

Onboarding step where the user enters their name to set up their profile.

• Account Setup
• Profile

Knock

Create page where the user names a new account and sets its custom URL.

• Account Setup
• Sign Up

Knock

Onboarding step where a logged-in user names their new account and sets a custom URL slug.

• Account Setup

Knock

Onboarding step where the user can opt into the newsletter, join the Slack community, and follow the company on Twitter before continuing.

• Account Setup
• Welcome

Knock

Onboarding step where the user is prompted to subscribe to the newsletter, join the Slack community, and follow the company on Twitter before continuing.

• Account Setup
• Welcome

Knock

Onboarding screen where the user follows a step-by-step checklist to configure their workspace, starting with creating their first channel.

• Onboarding Checklist
• Setup Wizard