App conventions

Product surfaces should optimize for task completion.

App-side patterns cover onboarding, auth, settings, workspace flows, and product navigation. The system should feel more utility-led than marketing while still clearly belonging to the same brand.

Live app-surface preview

Workspace setup

Onboarding belongs to the app surface because the user is completing a task, not being persuaded.

Shared component import: `PageHeader`

Company details

Use shared fields, shared spacing, and calm helper copy.

Set the onboarding direction for the workspace.

Surface note

Sign up, login, password reset, invite acceptance, and onboarding all adopt the app surface.

App surface rules

Use the app layer for onboarding, auth, workspace, settings, billing, and task-oriented flows.

Default to calmer tone, tighter spacing, and stronger form clarity than marketing surfaces.

Document onboarding and auth as app patterns, not marketing patterns.

Favor shared app primitives such as `PageHeader`, `SectionCard`, `Field`, and `InlineNotice`.