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 page where the user creates a new account by providing an email and confirming a 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 professional information, including job title and company, to complete their profile.

Social feed where designers read advice, follow industry peers, and browse career-focused topics like freelancing and design systems.

Detail page for a curated collection of advice on getting a first product design job, featuring grouped posts from various contributors.

Detail page where the user views a collection of topics and action items for getting a product design job, with an empty notifications popover open.

Home screen featuring a list of career playbooks for designers with the user's profile and account settings drawer open.

List view where the user browses their saved answers and articles, with a toggle to switch between saved and liked content.

List view showing an empty state for liked answers with tabs to switch between saved and liked items.

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