Draft
Picking a template
Which template for which job, and what to do when nothing fits.
Start from the job
Decide what the screen is for before drawing anything. Find the job below and start from that template.
| The screen's job | Template |
|---|---|
| Summarize an area at a glance (Outcomes). | Card dashboard |
| The landing view of a section with tabs (Network). | Card dashboard |
| Show one person (a contact or member) or one organization. | Record page |
| Your own profile. | Record page |
| Browse, search and act on a long list. | Table page |
| The "see all" page behind a dashboard number or a profile section. | Table page |
| Your settings, a section's settings, connected accounts. | Settings form |
| What's happened lately across your network. | Feed |
| The signed-out home, About, and signed-out versions of app pages. | Public page |
| Sign in. | Centered card |
| Approve access (connect an AI app). | Centered card |
| A public, signed-out view of one member. | Centered card |
| Managing what members see (the app launcher, the embed). | Admin table |
When nothing fits
- Start from the closest template, and change as little as you can.
- Add the screen to its app page as “Closest”, saying what differs.
- Don't invent a new frame. If several screens need the same new shape, propose a new template.
Sources
- Each template's jobs (
content/templates/data.ts), read when this page builds. - Rule: Consistency over creativity (Principles).