New screen examples

Mailchimp

Settings page where the user configures audience-wide defaults like name, webhooks, and default email address, showing a success toast after a reset action.

• Team Management
• Success

Record club

Creation page where the user builds a new list of record releases, adding a title, description, tags, and configuring list settings like privacy and ranking.

• Edit
• Filter & Sort

Grok

News page where the user browses the latest product and research announcements, including updates on Grok models and API releases.

Shuttle

Modal overlay where the user creates a new folder by entering a name like Recordings.

• Files

Assembly

Dashboard showing LinkedIn engagement insights with an empty chart and a prompt to sync data via a bookmarklet.

• Dashboard
• Empty State

Leap

Design editor where the user builds an AI automation by connecting nodes on a canvas, currently configuring the initial input step in the right sidebar.

• Workflow Builder
• AI Editing

WeTransfer

Onboarding step where the user is asked to subscribe to stories about creativity and WeTransfer news after completing a payment.

• Account Setup
• Confirmation

Flodesk

Design editor where the user previews their newsletter thank-you page and copies the shareable link from an open popover.

• Success
• Share

Podia

Create page where the user names a new product and selects its type from options like course, download, webinar, coaching session, or bundle.

• Trial

Dub

Modal where the user creates a new short link, configures tags and comments, and previews the social media card and QR code.

• Add & Create
• Form

Motion

List view where the user creates a new task with details like duration, start date, deadline, and assignee in a modal overlay.

• Add & Create
• Tasks

Steep

Creation screen where the user configures a new data entity by mapping table columns to properties and selecting relevant metrics, with a live data preview.

• Table