Collaboration screen examples

Flask

Detail page where the user can watch a processing video asset and leave feedback via a floating voice or text composer, with an onboarding checklist in the sidebar.

• Media Detail

Dock

AI assistant drawer where the user chats with a workspace admin agent to review a rewrite plan for a BrightLayer page.

• AI Assistant
• AI Chat

Exa

Onboarding step where the user selects which team workspace they want to access before entering the main application.

• Workspace Switcher
• Getting Started

Town

Inbox view showing an empty state for pending team invitations and routine approvals.

• Empty State
• Approval Flow

Flora

List view where the user is prompted to create their first project in a private workspace.

• Empty State
• Add & Create

Lovable

Creation modal where the user names a new workspace and proceeds to plan selection.

• Add & Create

Amie

Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.

• Sign In

Mailchimp

Design editor where the user drags and drops content blocks and columns to build an email campaign, while viewing resolved comments in a side panel.

• Design Editor
• Drag & Drop

Maze

Onboarding step where the user invites teammates by email or a shareable link, and can toggle domain discoverability for their workspace.

• Invite Teammates
• Team Management

Cushion

Detail page where a user reads a team update in the Welcome channel, views activity participants, and can write a comment or resolve the post.

• Post Detail
• Comments

Linear

Detail page where the user views and edits a specific engineering task, including its description, properties, labels, and activity history.

• Tasks
• Edit

Paper

Design editor with an empty canvas, a pages list on the left, a central vertical toolbar, and a properties inspector on the right.

• Design Editor
• Empty State