Add & Create screen examples

Deck

Create page overlay where the user adds a new field to a data model by specifying its name, type, and description.

• Form

Tryprofound

List view for audience segments with an open side drawer where the user can create a new segment by entering a name and description.

• Form
• Browse

Flask

Home screen in an empty state showing a centered menu to upload an asset, record feedback, or type feedback, while an upload starts in the background.

• Empty State
• Upload & Download

Dock

Wizard step for creating a security profile where the user adds an FAQ entry via a modal containing a rich text editor.

• AI Editing

Beside

Settings page where the user adds a new product or service to their AI receptionist's knowledge base, specifying name, description, price, and invoice requirements.

• AI Settings
• Form

Bloom

Settings page where the user initiates adding a new sender domain via a multi-step modal.

• Settings

Latitude.sh

Settings page where the user adds a new credit card, including expiration, security code, and billing address, to their payment methods.

• Payment Form
• Billing Settings

Copilot

Dashboard where the user is adding a manual investment account and is prompted to add their holdings to establish a starting balance.

• Upload & Download

Origin Financial

Settings page where the user fills out a form in a modal to add a partner to their financial profile, specifying name, date of birth, income, and assigning color codes.

• Form
• Profile

Axiom

Profile settings page where the user is creating a new personal API token via a side drawer, with underlying sections for timezone, active sessions, and account deletion visible.

• API Keys
• Settings

Appwrite

Settings modal for adding a custom domain where the user is blocked by a plan limit error and prompted to upgrade.

• Upgrade Prompt
• Error

Assembly AI App Builder

Detail page for a CRM contact where the user is adding a new credit card via a modal over the payments tab.

• Payment Form