UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
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.

empty-stateprojectsonboarding

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.

Agent Directive

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

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.

Avoid

  • A blank page only says no projects.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Design Systems Page Patterns
Quality
85%
Version
v1
Published
6/6/2026