Interface Lab
Back to knowledge
Design Systems Page Patterns

Empty Project Start State

Empty Project Start State turns a frequent interface judgment into an executable constraint before generation.

Design Principle

An empty project page should move users toward the first real outcome, not explain product features.

Principle

An empty project page should move users toward the first real outcome, not explain product features.

Design action

Keep the project shell, offer create, import, template, example, and recent-resource paths; emphasize one common start action.

Examples

Positive example: Project management, design tools, knowledge bases, libraries, and AI workspaces first open. Counterexample: A blank page only says no projects.

Apply when

Project management, design tools, knowledge bases, libraries, and AI workspaces first open. Users need to judge state, scope, risk, or next action quickly.

Source notes

Source note: Synthesized from GOV.UK, Carbon, Polaris, Atlassian, Design.Systems, Design Systems Repo, and product-pattern libraries. GOV.UK Design System Patterns: https://design-system.service.gov.uk/patterns/ Carbon Patterns: https://carbondesignsystem.com/patterns/ Shopify Polaris: https://polaris-react.shopify.com/ Atlassian Design System: https://atlassian.design/ Design Systems Repo: https://designsystemsrepo.com/

Agent Directive

Keep the project shell, offer create, import, template, example, and recent-resource paths; emphasize one common start action.