Answer
All 45 screens of tomorrow, drawn in Ocho.
Today
Not applicable to a generated document: it is rewritten from its sources on every build.
Tomorrow
Every screen and its states
This is the build list for the screen kit. Ids are stable. Phone first; the two desktop screens show the rail and the two pane Make it.
| Id | Screen | States to draw | Character slot | Status |
|---|---|---|---|---|
| f1 | Paste your store | empty, a name instead of a link, ready | none, the promise only | Today |
| f1s | Paste your store, inside Shopify | store filled in | none | Today |
| f2 | Sign in with your work email | default | small corner | Today |
| f3 | This store is for its own team | refusal with See demo stores and Switch email | error pose | Today |
| f4 | Reading your store | sources ticking, finding cards arriving, question 1 of 3 inline | wait pose, large | Today read, Next questions |
| f5 | Read did not finish | error, Start again | error pose | Today |
| f6 | Reads are full this week | cap reached, ask for a design partner read | empty pose | Today |
| f7 | Here's your store | one finding, Share this finding, Open my picks | celebrate pose | Next |
| t1 | Today on Monday | greeting, Need your yes 2, rings, five picks, first win bar | idle corner, greet line | Recompose, first win bar Next |
| t2 | Need your yes, open | one question, what happens either way, Yes, Not now | none | Today |
| t3 | Story viewer | one frame, one fact, one button | none | Today |
| t4 | See everything | ranked list with area filter | none | Today |
| t5 | Caught up | sign off until Monday | caught up pose | Next |
| t6 | A heart | toast, more like it appear | celebrate, small | Today |
| p1 | A pick, open | draft, Versions, Why this, Where to post, Make it bar | none | Recompose |
| p2 | The full plan | steps, sources, Download as PDF | none | Today |
| m1 | Make it | the thing, chat with AI and a teammate, tools, Hand it off bar | none | Recompose |
| m2 | Making | wait pose with one line, you can leave | wait pose | Today |
| m3 | Confirm a paid make | price once, what happens, Make it, Not now | none | Today |
| m4 | Versions | strip of versions, current marked | none | Today |
| m5 | Something broke in Make it | one sentence, Try again | error pose, small | Today |
| h1 | Hand it off | Who is shipping this: Me, My team, My agency or freelancer, The ShopOS team | none | Next, over today's routes |
| h2 | Handed off | brief copied, or the ShopOS team got it, with the brief number | celebrate pose | Today |
| h3 | Brief page | numbered brief, files, copy all, status stamp, Open it in Make it | 32 px sign off | Today |
| w1 | Work | New since you looked, Ideas, In the works, Handed off with sub lines | none | Recompose |
| w2 | Work, empty | nothing in the works yet | empty pose | Today |
| y1 | Your store | health meters, then the five sections as rows | idle, small | Recompose |
| y2 | What customers say | themes with counts and mood | none | Today |
| y3 | What rivals run | rival cards, long running ads, public pages only | none | Today |
| y4 | What AI search says | answers that name you, gaps, the brand sheet fix | none | Today |
| y5 | The plan | grouped by get found, get chosen, get them back | none | Today |
| s1 | Settings | the six rows | none | Recompose |
| s2 | What we know about you | facts with sources, house rules, tell us something, share your brand sheet, memory meter | none | Today, memory meter Next |
| s3 | Which of these do you handle | five areas, several allowed | none | Next |
| s4 | Team | members with role chips, invite | none | Today |
| s5 | Connections | rows with status chips, the connect sheet | none | Today |
| s6 | Notifications and sound | switches, sound off | none | Today |
| s7 | Account | theme, start again, ask us to delete your data, sign out | none | Today |
| x1 | Error page | not found, one way out | error pose | Today |
| x2 | Offline | one line, try again | wait pose | Today |
| x3 | Brand switcher | brands you handle | none | Later |
| e1 | Monday email | five picks, one button | small sign off | Next |
| e2 | Brief status email | where it is, one button | none | Today |
| d1 | Today on desktop | rail, picks in a column, Need your yes beside | idle corner | Recompose |
| d2 | Make it on desktop | the thing left, chat right | none | Recompose |
Forty five screens. The character appears in eighteen of them, always in a slot from product-model.md section 7, never on a card, a button or inside the thing being made.
Every screen is drawn in the screen kit with Ocho's skin, on a phone and on the web. brand-directions/_shared/ia.md; brand-directions/octopus/kit-skin.js
How we do it
Generated by handbook/tools/gen.mjs on every build. Change the source, never this file.
Numbers
Not applicable to a generated document: it is rewritten from its sources on every build.
Open
Not applicable to a generated document: it is rewritten from its sources on every build.