Screen guides

A form and a dashboard obey different rules.

Every screen type has a job — and the structure, hierarchy, and patterns that do it. This is the screen-type axis of design judgment; cross it with your app domain for the actual decisions.

Dashboard / Overview

Answer “how are things?” in 3 seconds, then let the user drill down.

Read the guide

Form / Create / Edit

Get accurate input with the least friction and the most confidence.

Read the guide

Landing / Marketing

In one screen: say what it is + why it matters + one next action.

Read the guide

Detail / Profile

Show one thing deeply, with its primary action obvious.

Read the guide

List / Search / Browse

Scan many items fast, find the right one, act.

Read the guide

Settings / Account

Let the user find and change one setting with confidence, safely.

Read the guide

Onboarding / Empty state

Get the user to their first win with minimal steps — never a dead end.

Read the guide