The whole project, mapped: every page, every image slot
IMAGE-BRAIN, 8 Oct 2026. From the SISO site kit (kit.json, atoms, recipes, 45 blocks), the value packs, the 60 industry configs and the money ladder. Waves 6 and 7 are on hold until you say go.
Three answers
- Per industry? Mostly no. Most images are made once for every business and recoloured by the site. Two things are per kind of business: the objects they sell, and a few scenes for businesses with no photos of their own. Everything else (blog, login, footer, booking, 404, gift card) is one reusable comp.
- Stop making colours. 5,313 of our 7,892 images are locked to one of 11 palettes. From now on decor is made in grey and the site tints it to any colour. The kit already does this (duotone filter in
atoms/recipe-rules.mjs). Photos are made once, in natural colour. - An object is one thing alone on white, like a sticker: a burger, a pair of clippers, a room key. Code cuts it out and drops it into product cards, menus, heroes, blog covers, gift cards and games. One croissant photo serves every bakery's card, cover and memory-match game.
Proof: one image from the bank, six colours, no new generation
Same file each time, recoloured in your browser by the method the kit uses. Unlimited palettes from one image.
The map
Who makes it: ALL once, for every business MOD once per way of selling (8) FAM per kind of business (~130) OWN the business's own photos / words CODE no image: the kit draws it
| Page / comp | Kit comp | Image it needs | Who makes it | What we have | What to make |
|---|---|---|---|---|---|
| Every page | |||||
| Top nav, pill, dock, bar | frame-nav · nav-top · bar-* | logo mark, icons | CODE | kit draws word / seal / plate marks; animated icon library | 0 |
| Side rail (desktop) | nav-side · side-nav | tall ground behind the rail | ALL | 0 in this shape | 12 grey grounds |
| Footer | footer-r · footer-* | ground band behind text | ALL | 1 good of 40 | 24 grey grounds (wide + phone) |
| Patterns, dividers, paper | atoms: pattern, ground | repeat tile | ALL CODE | 6 in CSS; 24 textures, all in fixed colours | 24 grey seamless tiles |
| Share card (WhatsApp / Facebook preview) | build step | 1200×630 | OWN ALL | uses the hero | 0 |
| Action bar, agent chat, claim bar | action-bar · agent-chat · claim-bar | none | CODE | 0 | |
| Home | |||||
| Hero (8 forms: single, pair, collage, fan, strip, plate, stack, background) | hero-r · hero-* | their photo; else a scene, or objects on a tinted ground | OWN FAM | 1,310 wide + 1,033 tall scenes | objects (below) + scene gaps only |
| Offer tiles / product cards (menu dish, service, room, rental, product: one card) | menu_card · tiles-* · menu-cards | one photo per item | OWN FAM | ~116 item shots | objects: one per item the industry sells |
| Photo band, corner | photo-band · corner | wide strip | FAM | 129 bands | gaps only |
| Gallery (bento, masonry, mosaic, strips) | gallery-* | their photos | OWN FAM | scenes, labelled as illustrations | 0 |
| Reviews | reviews · rating | initials avatar, never a face | CODE | 0 | |
| Visit / location | visit · location | map + storefront | OWN CODE | 0 | |
| Game (scratch, spin, visits, flip, stamp, pick, slot) | play-* | foil, wheel face, card back, prizes, pieces | ALL FAM | 36 prizes, 80 game art (fixed colours) | 3 grey foils; pieces = objects |
| Menu / offer page, About | |||||
| Page head | page-head · page-title | thin band | ALL FAM | bands | reuses footer grounds |
| Offer list | menu-list · menu-grid · menu-rows · menu-ledger | item photo | OWN FAM | as cards | objects |
| Story / about | about · story | hands at work, the room | OWN FAM | 47 hands-at-work, 3:2 scenes | gaps only |
| Reusable pages (value packs) | |||||
| Blog: index + post | to build | cover per post | ALL FAM | 165 covers, food-coded | 0: cover = tinted ground + 1–3 objects + title |
| FAQ hub | faq-card · faq-mono · faq-photo | one spot illustration | MOD | in the spot set | |
| Events / offers / seasonal | to build | event cover | ALL FAM | 130 seasonal, fixed colours | 24 grey festival grounds |
| Location pages (one per area) | to build | street of that region | ALL | 32 city | 36 region streets (6 regions) |
| Team | to build | initials, tools on the bench | CODE FAM | objects | |
| Press, careers | to build | none / hands at work | CODE FAM | hands-at-work | 0 |
| Gift card | to build | card art | ALL FAM | 0: tinted ground + object pattern + mark | |
| Endpoint packs (booking, loyalty, newsletter, forms) | |||||
| Booking: pick a time, confirmed, nothing free | to build | spot illustrations | MOD | 50 empty states, fixed colours | spot set: 8 modules × 3 states |
| Loyalty / stamp card | play-visits | stamp + card | FAM ALL | stamp = an object | |
| Newsletter, contact form, quote request | to build | one spot illustration | ALL | in the spot set | |
| Business OS (the paid rung) | |||||
| Login, sign-up | to build | side panel | OWN ALL | 0: their hero, else a footer ground | |
| Dashboard, orders, calendar, account | HALO reference | empty states, avatars | MOD CODE | in the spot set | |
| Email header, receipt | to build | thin band | ALL | reuses footer grounds | |
| System | |||||
| 404, offline, loading, "this is a preview" | to build | spot illustration | ALL | 6 in the spot set | |
The next run is on What images are for: it re-plans this map around tier-0 sites and the low-hanging industries.