Playspace design examples

Playspace

Landing page where the user is prompted to join the waitlist for an alpha release via a central modal.

• Sign Up

Playspace

Landing page where the user submits their email address to join the alpha waitlist via a centered modal.

• Sign Up
• Confirmation

Playspace

Sign-in overlay where the user authenticates with Google, Microsoft, or email.

• Sign In

Playspace

Sign-in modal where the user has just requested a magic link and sees a success message prompting them to check their email.

• Sign In
• Confirmation

Playspace

Onboarding step where the user is welcomed to the early access program and can choose to open the guide or continue into the app.

• Welcome
• Getting Started

Playspace

Onboarding step where the user names their team and sets a custom URL for room links.

• Account Setup
• Team Management

Playspace

Onboarding step where the user can invite teammates by entering an email address or copying an invite link.

• Invite Teammates
• Team Management

Playspace

Onboarding step where the user is prompted to connect their Google Calendar to see meetings in Playspace, with an option to skip.

• Account Setup
• Calendar

Playspace

Loading screen for a virtual room with a sidebar offering actions to grab a new room, connect a calendar, or invite people.

• Loading
• Dashboard

Playspace

App interface in a loading state with the user profile menu open, showing options for settings, feedback, and integrations.

• Loading
• Account Settings

Playspace

Dashboard for a new collaborative room where the user is prompted to add tool blocks like a whiteboard or notepad, share the invite link, and go live.

• Empty State
• Invite Teammates

Playspace

Design editor where the user can draw on a dotted canvas, invite teammates, and start a live audio/video session.

• Design Editor
• Invite Teammates