Playbook product screens examples

Playbook

Guide collection page where a modal prompts the user to sign up via email, Twitter, or Facebook in order to follow the product design content.

• Sign Up
• Follow

Playbook

Landing page where a central modal prompts the user to sign in to the design community using email, Twitter, or Facebook.

• Sign In

Playbook

Signup overlay where the user can join the platform using email, Twitter, or Facebook.

• Sign Up

Playbook

Signup page where the user creates a new account by providing an email and confirming a password.

• Sign Up
• Account Setup

Playbook

Sign-in screen where the user authenticates with their email and password.

• Sign In

Playbook

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

• Forgot Password

Playbook

Onboarding step where the user provides personal information like name, username, gender, location, and bio to set up their profile.

• Account Setup
• Profile

Playbook

Onboarding step where the user provides their personal information, including name, username, gender, location, and bio.

• Account Setup
• Profile

Playbook

Onboarding step where the user provides their professional information, including job title and company, to complete their profile.

• Onboarding Checklist
• Profile

Playbook

Onboarding step where the user provides their professional information, including job title, role type, and company.

• Account Setup

Playbook

Onboarding step where the user provides their professional information, featuring an autocomplete dropdown for selecting their company.

• Account Setup
• Profile

Playbook

Onboarding step where the user provides their professional info like job title, company type, and company size.

• Onboarding Checklist
• Account Setup