[{"data":1,"prerenderedAt":181},["ShallowReactive",2],{"$fldONqfPstn1UdVypS5Z0ogcu_QfOSr8I_CIGp30kZ-M":3},{"item":4,"meta":117},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":51,"narrative":103,"project":104,"source-file":103,"stem":105,"subject":106,"tags":107,"tool":114,"type":115,"__hash__":116},"archive\u002Farchive\u002F2026-q3\u002F2026-09-30-c100-landing-bakeoffs.md","Landing Pages — Phase 3 Bake-offs","Lever strip variations, §1 Ink: a control row (ink swatches, page lens, period, scale, state) over two grids of team chips, grey with severity as filled and hollow squares and grey + status ink, with clear teams in green and Unassigned dashed amber.","2026-09-30","1.0","mark","seed","md",true,[15,18,21,24,27,30,33,36,39,42,45,48],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Flanding-lever-strip-variations.png","Lever strip variations: every chip labels itself, so the small-size problem is selection. Lens selects sit on each variation.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Flanding-lever-strip-variations-full.png","The full lever strip page: ink, size ladder, which chips at DataMachine size (title-switcher cards), and spin.",{"src":22,"alt":23},"\u002Fcycles\u002Fdesign\u002Flanding-team-lens-bakeoff.png","Bake-off #1, team lens: tile map, c67 lever strip, swarm rows and team × lens matrix on one shared control row.",{"src":25,"alt":26},"\u002Fcycles\u002Fdesign\u002Flanding-tile-map-variations.png","Tile map variations: ink, a size ladder from full width to a glyph in a sentence, labelling at DataMachine size, and spin.",{"src":28,"alt":29},"\u002Fcycles\u002Fdesign\u002Flanding-matrix-variations.png","Matrix variations: grey makes the matrix one picture; normalisation, seriation and the one-row team fingerprint.",{"src":31,"alt":32},"\u002Fcycles\u002Fdesign\u002Flanding-team-people-field.png","Bake-off #2, the people field: five forms for a person-per-mark view of the org.",{"src":34,"alt":35},"\u002Fcycles\u002Fdesign\u002Flanding-inventory-estate-bakeoff.png","Bake-off #3, inventory estate: alluvial (harness → provider → model), bowtie, switchboard and pixel body.",{"src":37,"alt":38},"\u002Fcycles\u002Fdesign\u002Flanding-inventory-supporting.png","Bake-off #4, inventory supporting cards: each of four cards as best-prior vs fresh.",{"src":40,"alt":41},"\u002Fcycles\u002Fdesign\u002Flanding-fleet-directions.png","Bake-off #5, fleet directions: form A floor plan, people and machines in their zones with ghosts and andon lamps.",{"src":43,"alt":44},"\u002Fcycles\u002Fdesign\u002Flanding-fleet-supporting.png","Bake-off #6, fleet supporting: who runs what, shifts, and the loading dock.",{"src":46,"alt":47},"\u002Fcycles\u002Fdesign\u002Flanding-home-lenses.png","Bake-off #7, Home as a showroom floor re-lit through five specialist lenses.",{"src":49,"alt":50},"\u002Fcycles\u002Fdesign\u002Flanding-beyond-data.png","Bake-off #8, beyond data: nine sketches past today's data (X1–X9), each with keep \u002F maybe \u002F kill.",{"body":52},{"type":53,"value":54,"toc":99},"minimark",[55,59,92],[56,57,58],"p",{},"Ten earlier cycles designed \"the landing\" under other names, and none reached a pick. c100 went back through all of them, wrote a brief and a block wireframe per landing (Team, Inventory, Fleet and Home), and then drew each hero several ways side by side on one shared fixture world. Scale is 20 \u002F 200 \u002F 1,500, the state is attention, clear or first run, and the period pill is obeyed.",[56,60,61,62,66,67,71,72,75,76,79,80,85,86,91],{},"Phase 3 of the pages index holds eight bake-offs. Three of Team's forms were pushed further on their own variation pages, each covering ink, a size ladder down to a glyph in a sentence, labelling at DataMachine size, and spin. The layer gained three pieces along the way, released as 0.9.23: the ",[63,64,65],"strong",{},"DataMachine title switcher"," (",[68,69,70],"code",{},"#title"," + ",[68,73,74],{},"UxSelectInline inherit",", sized to the domain rather than the selection, with a ",[68,77,78],{},"fadeKey"," fade), ",[63,81,82],{},[68,83,84],{},"UxPercentBar outlined"," (the meter) and ",[63,87,88],{},[68,89,90],{},"DataHoverBreakdown",". With the hover breakdown, every aggregate mark hovers into the things it's made of, the ones to act on first.",[56,93,94,95,98],{},"Captured 2026-09-30 on the design site's dev server at 1440, in content mode. The recommendations, convergences and open rulings are in ",[68,96,97],{},"cycles\u002Fc100.landing-pages\u002Fbakeoffs-review.md",".",{"title":100,"searchDepth":101,"depth":101,"links":102},"",2,[],null,"dashboard","archive\u002F2026-q3\u002F2026-09-30-c100-landing-bakeoffs","product",[108,109,110,111,112,113],"c100","landing","qdash","phase3","bakeoff","dataviz","Playwright capture","screengrab","DzDmqYLQWF7H1Z0rLJ_21Mio1-RmK_liZs5vMB7mQq8",{"eras":118,"designers":141,"subjects":149,"projects":169},[119,126,133,136],{"id":120,"name":121,"description":122,"startDate":123,"endDate":124,"order":125},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":127,"name":128,"description":129,"startDate":130,"endDate":131,"order":132},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":134,"description":135,"startDate":131,"order":101},"Seed","Building the product and its interface.",{"id":137,"name":138,"description":139,"order":140},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[142,145],{"id":10,"name":143,"role":144},"Mark","Founder \u002F Design",{"id":146,"name":147,"role":148},"sarah","Sarah Parson","Illustration \u002F Design",[150,154,158,161,165],{"id":151,"label":152,"description":153},"front-site","Front Site","Public website and marketing pages.",{"id":155,"label":156,"description":157},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":106,"label":159,"description":160},"Product","Application UI and dashboard.",{"id":162,"label":163,"description":164},"cli","Command Line Tools","Terminal interfaces and output.",{"id":166,"label":167,"description":168},"brand-system","Brand System","Style guide, brand documents, MCP server.",[170,174,177],{"id":171,"label":172,"description":173},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":104,"label":175,"description":176},"Dashboard","Product application UI — the tool customers use.",{"id":178,"label":179,"description":180},"brand","Brand","Brand system, style guides, design tokens, and tooling.",1794599288285]