Playbook design examples

Name: Playbook
Author: Bertrand

Explore Playbook UI design examples. Make your creative work beauuutiful

Product screens

Signup modal prompting the user to authenticate with Google or email to collaborate on the community portfolio showcase.

Community showcase page where users can browse, sort, and comment on portfolio submissions for a monthly competition.

A shared detail view presenting a step-by-step guide on how to upload and publish a portfolio to the community.

Detail page where a user views a shared community guide on how to upload and publish a portfolio via Playbook Profile.

Detail page for a community portfolio showcase entry where users can view the presentation, vote, and leave comments in a side panel.

Detail page where a user's public profile displays their location, social links, projects, and digital collectibles.

Detail page where a user views a shared portfolio board and opens a side drawer to reference keyboard shortcuts and template information.

Feature page explaining how to upload, publish, and feature a portfolio on the Playbook Community using a step-by-step card grid.

Marketing page explaining how to upload and publish a portfolio to Playbook Profile in three simple steps.

Detail page where the user views a high-resolution image asset with bottom zoom controls and file metadata in a right-hand side panel.

Detail page where the user views a full-screen image asset with zoom controls and a sidebar displaying file metadata.

Detail page where the user views a high-resolution image asset in a full-screen lightbox with zoom and gallery navigation controls.

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