Decision Cards

Make interface decisions you can defend in any design review.

27 more cards are on the way. Get each one in your inbox as it unlocks.

Or install the deck for your AI tools

Design Decisions · Q1 2027

Learn to make these calls on your own.

These cards are the first of many. The course teaches the reasoning behind each one, with practice rounds and teardowns of real products.

Get new cards as they’re released, and early-bird pricing at launch.

Coming next

Flow & continuity

Modal, Panel, or Page

What do people need to keep in view while they work?

Use Modal when

A short, focused decision that must be finished or cancelled before anything else.

Signs it fits

  • A few fields or a single decision
  • No need to see the page behind
  • Blocking is intended
  • It never opens another modal

Use Panel when

Inspecting or editing one item while the list stays in view, or working through items one after another.

Signs it fits

  • The list is useful context
  • Reviewing items in sequence
  • Comparing against what’s behind
  • Wide screens

Use Page when

Long or complex work, or anything people will link to, bookmark, or come back to.

Signs it fits

  • Many fields or sections
  • Needs its own URL
  • Shared or revisited
  • Deserves full attention

The numbers

Modal: up to about 3 fields or one decision. Panel: one item from a list, when the list stays useful. Page: more than a screen of content, or anything people link to or come back to.

Say this in review

Reviewers go through tickets one after another, so details open in a panel. The queue stays visible and the next ticket is one click away.

When it flips

The exception

On a phone there’s no room beside the list. Panels become full-screen sheets, and the ‘keep the list in view’ argument disappears.

See it work

Make the call

Card 8 of 15

Changing a single invoice’s due date from a list of invoices. Modal, panel, or page?

Flow & continuity
The rule

Choose the container by what the user needs to see while they work.

From the lesson “Panel, modal, or page”

ClickTap the card to turn it over

Install the deck

Bring every card into your AI tools, so they review screens and flows the way the cards do.

Agents can also read llms.txt, or any card as markdown by adding .md to its link.