Bar
The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.
Template
A product page for a piece of desk hardware, laid out like a catalogue spread: the “photograph” is the unit itself, built from kit parts and changed by the configurator, beside a display model number, options, the price and a cart drawer with a checkout.
21 parts from the kit and page layout in tokens, nothing else. Each links to its page.
The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.
A small printed plate: a type, a count, a badge. Solid for the one tag that must stand out.
A dot-matrix display of round LEDs behind smoked acrylic, each with its own bloom and a short warm-up and fade. Status words in a 5×7 face drawn for it, a sparkline, bars, a few icons: “DEPLOY OK”, tokens per second, queue depth.
The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.
A rotary control for continuous or stepped values where space is square. Its knurl and pointer turn; its light does not.
Perforated metal and speaker cloth, for the place where a real device would breathe or sound.
Text entry in a recess, the label printed above it, and a hint that says how to fix an error.
One mode of two to five: latching keys in a tray, one down at a time, each with a lamp that lights when chosen.
A small integer with − and + keys either side, in one well.
Every button, and every link that acts like one: a cap on a skirt that drops below the plate when pressed.
Three rates a day.
—
Printed sections that open in place. Each head ends in a small square key printed +; open, the key latches below the plate and reads −.
Rows in a rack: a mark, a title, a second line and a fact or a key at the end. Chosen rows sink into a recess with their check key latched; in a running order, a row lifts out of the rack on its skirt and slides past the others, from the keyboard or by its grip.
Key and value facts, printed like the plate on the back of a device.
A key for work that takes time and must not run twice. It latches below the plate while the work runs, an LED matrix in its face scanning amber, and says how it ended.
A recess cut into the plate that holds other parts: keys, a selector, an empty state waiting for its first thing.
A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.
One choice from a short list in a form: small round keys in a fieldset, the chosen one pressed with a printed dot.
| Reel 3 | 42:10 |
| Mixed | 0:30 |
Rows of data with printed column labels, figures right-aligned in columns, and status in lamps with words.
Confirm
Erase reel 3?
A decision that must be made now: a native dialog with a question, one sentence of consequence, a way back and the act.
A lamp with words: the state line in tables, panel heads and lists. The words carry the meaning; the lamp is the glance.
A choice from a longer list, in the same recess as a field, with a printed chevron. The browser’s own menu opens it.
Bar with model numbers and a cart key · the spread: the unit on a recessed sweep with its figure caption, sticky · the right page: a display model number, the lead, options ruled like a catalogue, the price and one contrast key · specification, in the box, delivery · numbered questions · a cart drawer with lines, sums and a checkout commit key.
The brain holds this as a composition recipe, so an agent asked for “a shop” starts from the same plan.
The template is one HTML file with its layout CSS in a <style> block, kit.css, and kit.mjs for the parts that need a script. Copy it, replace the words and the figures, keep the structure. It passes the verify tool as shipped.
node kit/brain/tools/verify.mjs kit/templates/shop.html
ok — 1 page(s), no violations