[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"$fs-MV-we6vvlLnNqI5dyjiLTBGKJwZwpAvsNMIOpGtJM":3},{"item":4,"meta":94},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":39,"narrative":81,"project":82,"source-file":81,"stem":83,"subject":84,"tags":85,"tool":91,"type":92,"__hash__":93},"archive\u002Farchive\u002F2026-q3\u002F2026-09-30-c100-landing-mocks.md","Landing Pages — Composed Mocks","The Team landing mock in the qdash shell: a verdict line, three grouped DataMachine cards (AI usage, Spend, Violations) each titled by a lens select, then the people field and a Needs you list.","2026-09-30","1.0","mark","seed","md",true,[15,18,21,24,27,30,33,36],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc100-mock-team-cards3.png","Team, hero as three grouped cards (adoption · cost · risk), each titled by its lens select.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc100-mock-team-full.png","Team with the matrix hero, Mark's default, over the people field.",{"src":22,"alt":23},"\u002Fcycles\u002Fdesign\u002Fc100-mock-team-cards-full.png","Team hero as lens cards: one DataMachine per lens in three columns.",{"src":25,"alt":26},"\u002Fcycles\u002Fdesign\u002Fc100-mock-home-full.png","Home as a showroom floor: six exhibits drawn from the bake-offs.",{"src":28,"alt":29},"\u002Fcycles\u002Fdesign\u002Fc100-mock-home-security-full.png","Home seen as Security: the same room re-lit, with a Needs you queue in front.",{"src":31,"alt":32},"\u002Fcycles\u002Fdesign\u002Fc100-mock-inventory-full.png","Inventory: verdict with Onboard, the alluvial estate hero, the supporting 2×2 and seven doors.",{"src":34,"alt":35},"\u002Fcycles\u002Fdesign\u002Fc100-mock-inventory-switchboard.png","Inventory hero swapped to the switchboard in place (?v.hero=switchboard).",{"src":37,"alt":38},"\u002Fcycles\u002Fdesign\u002Fc100-mock-parts.png","The parts bin: 33 landing parts, each live and labelled with the bake-off it came from.",{"body":40},{"type":41,"value":42,"toc":77},"minimark",[43,67,70],[44,45,46,47,51,52,55,56,59,60,59,63,66],"p",{},"Stage 3 of c100 starts composing. ",[48,49,50],"code",{},"\u002Fpages\u002Fphase3\u002Fmock"," puts the bake-offs' best forms into the real qdash shell (the current AppSidebar, the period pill) under a mock-only bar with the world's knobs. Every block is a ",[48,53,54],{},"LandingMockSlot"," that names its source and swaps variants in place from the URL (",[48,57,58],{},"?v.hero=",", ",[48,61,62],{},"?as=",[48,64,65],{},"?state=","), so a composition is a link.",[44,68,69],{},"There are three mocks: Home (a showroom floor re-lit through Security, Compliance, Engineering, Finance and IT), Team (five hero options, with the matrix as the default) and Inventory (alluvial by default). Behind them is a parts bin of 33 live parts. The bake-off pages stay as the experiment record.",[44,71,72,73,76],{},"Captured 2026-09-30 on the design site's dev server at 1440, with the mock bar left in (it's part of what's being shown). Program: ",[48,74,75],{},"scripts\u002Fshot-programs\u002Fc100-landing-mocks.json",".",{"title":78,"searchDepth":79,"depth":79,"links":80},"",2,[],null,"dashboard","archive\u002F2026-q3\u002F2026-09-30-c100-landing-mocks","product",[86,87,88,89,90],"c100","landing","qdash","phase3","mock","Playwright capture","screengrab","r4II-U6Vyg5M8fkW7y-SkYEDuDpQNGeWkcY3JxPt4YY",{"eras":95,"designers":118,"subjects":126,"projects":146},[96,103,110,113],{"id":97,"name":98,"description":99,"startDate":100,"endDate":101,"order":102},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":104,"name":105,"description":106,"startDate":107,"endDate":108,"order":109},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":111,"description":112,"startDate":108,"order":79},"Seed","Building the product and its interface.",{"id":114,"name":115,"description":116,"order":117},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[119,122],{"id":10,"name":120,"role":121},"Mark","Founder \u002F Design",{"id":123,"name":124,"role":125},"sarah","Sarah Parson","Illustration \u002F Design",[127,131,135,138,142],{"id":128,"label":129,"description":130},"front-site","Front Site","Public website and marketing pages.",{"id":132,"label":133,"description":134},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":84,"label":136,"description":137},"Product","Application UI and dashboard.",{"id":139,"label":140,"description":141},"cli","Command Line Tools","Terminal interfaces and output.",{"id":143,"label":144,"description":145},"brand-system","Brand System","Style guide, brand documents, MCP server.",[147,151,154],{"id":148,"label":149,"description":150},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":82,"label":152,"description":153},"Dashboard","Product application UI — the tool customers use.",{"id":155,"label":156,"description":157},"brand","Brand","Brand system, style guides, design tokens, and tooling.",1794599288317]