Standards design examples

Standards

Sign-in screen where the user authenticates with email and password, Google, or Microsoft.

• Forgot Password

Standards

Password recovery screen confirming that reset instructions have been sent to the user's email, featuring a minimalist typographic layout and a link to return to login.

• Forgot Password
• Success

Standards

Signup page where the user creates a new account using an email address and password or via Google and Microsoft OAuth providers.

• Sign Up

Standards

Signup screen where the user creates an account using an email and password or authenticates via Google or Microsoft.

• Sign Up
• Account Setup

Standards

Verification screen where the user is instructed to check their inbox for a link and can request to resend the email or sign out.

• Verification

Standards

Onboarding step where the user uploads an avatar and enters their name to finish configuring their profile.

• Account Setup
• Profile

Standards

Onboarding step where the user confirms their name and completes account setup.

• Account Setup
• Profile

Standards

Workspace projects view where the user can create a new project, search existing ones, or browse community examples.

• Browse
• Add & Create

Standards

Workspace projects list displaying a create-new card and a gallery of community examples, with an upgrade prompt in the sidebar.

• Files
• Add & Create

Standards

Onboarding step where the user names their new project and selects a starting outline template for their brand guidelines.

• Setup Wizard
• Add & Create

Standards

Onboarding step where the user chooses a starting template for their brand guidelines from blank, essential, or expanded options.

• Add & Create
• Setup Wizard

Standards

Onboarding step where the user selects a starting outline template for their brand guidelines from Blank, Essential, or Expanded options.

• Setup Wizard
• Select