Playbook design examples

Explore Playbook UI design examples. One place for all the best design thinking

Product screens

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.

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

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

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

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

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

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

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

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

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

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

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

Explore real SaaS apps with their product screens, marketing screens, flows, and components.