[{"data":1,"prerenderedAt":164},["ShallowReactive",2],{"$f2qUXFFv99WtGk7HPhikLbRDunZKK_MLQPXe6YNsqaKQ":3},{"item":4,"meta":100},{"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":87,"project":88,"source-file":87,"stem":89,"subject":90,"tags":91,"tool":97,"type":98,"__hash__":99},"archive\u002Farchive\u002F2026-q4\u002F2026-10-02-c109-index.md","Index — Every Listing, One Altitude Up","qdash's index page: Inventory, Organization and Activity sections, each a title, a lede, a row of listing links and a grid of small stat cards — a value, a hairline title and a tiny segment bar, three bare bars or a spark — 35 in all.","2026-10-02","1.0","mark","seed","md",false,[15,18,21,24,27,30,33,36,39,42,45,48],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-index-cards.png","After close: the index on layer 0.9.29 — every micro a white card with rounded corners and a soft shadow, 14 px bold titles, 16 px gaps, 28 px section titles, roll downs labelled in 10 px bold.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc109-micro-cards-compare.png","The variations page that settled it: presets A–E side by side — today, micro cards, micro cards with small data, a white section card, a section card with tiles.",{"src":22,"alt":23},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-index-rollup-labels-3.png","Between the two: the flat index with labelled roll downs, 16 px bold titles and 48 px gaps.",{"src":25,"alt":26},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-index.png","qdash \u002F on the seed backend: Inventory's 20 micros in the flat grid with prefixed titles, Organization starting below.",{"src":28,"alt":29},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-index-full.png","The whole index: Inventory (20), Organization (7, with the projected ring on User coverage and a 1 No Identity attention mark) and Activity (8, its history graphs as sparks with the period total).",{"src":31,"alt":32},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-nav-closed.png","The rail on Cost Center: MONITOR starts at Inventory now that Overview has left; Inventory and Organization are disclosures, not links.",{"src":34,"alt":35},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-nav-open.png","One click on Inventory opens its seven listings without leaving Cost Center; a second click closes them.",{"src":37,"alt":38},"\u002Fcycles\u002Fdesign\u002Fc109-qdash-teams-crumb.png","Teams: the Organization breadcrumb links the index's Organization section; Coverage 100 % and Spend $331 are the numbers the index's micros show.",{"src":40,"alt":41},"\u002Fcycles\u002Fdesign\u002Fc109-index-section-flat-full.png","The DataIndexSection demo on fixtures: all 35 machines, flat with prefixed titles and 3 bare bars — the layout Mark picked.",{"src":43,"alt":44},"\u002Fcycles\u002Fdesign\u002Fc109-index-section-clustered-full.png","The alternative tried side by side: micros clustered under their listing, titled as the listing titles them.",{"src":46,"alt":47},"\u002Fcycles\u002Fdesign\u002Fc109-index-section-top1.png","The ranked alternative passed over: the top row as label · share over a 3 px meter.",{"src":49,"alt":50},"\u002Fcycles\u002Fdesign\u002Fc109-micro-demo-full.png","The DataMachineMicro demo: every device form and the six scenarios — loading, failed, empty, minimal, typical, overflow.",{"body":52},{"type":53,"value":54,"toc":83},"minimark",[55,59,62,74,77],[56,57,58],"p",{},"qdash's Inventory and Organization landings had been \"Design in progress\" placeholders for a week, and about ten cycles had tried to design them without a pick. Mark changed the question rather than the answer. The two nav items stop being pages: a click opens their list of listings and goes nowhere. The overview moves to one index page behind the logo, and its summary is built from what already exists — every DataMachine on the listings, shrunk.",[56,60,61],{},"That keeps every number computed in one place. A micro reads the same band its listing's machine reads, so the index can't drift from the pages it summarises; on the seed backend every micro matched its machine value for value. The inventory of machines was the useful surprise: 35 of them, but only a handful of devices — segment bars and ranked bars cover nearly all — so \"micro\" was four drawings, not 35 designs. Six machines have no headline on their listing; at a glance a device alone doesn't read, so each takes one from its own band. Two have switchers; they freeze at their default view.",[56,63,64,65,69,70,73],{},"Two layer components came out of it, released in q-nuxt-layer 0.9.28. ",[66,67,68],"code",{},"DataMachineMicro"," is a strict subset of DataMachine's props — a consumer maps a machine to its micro by deleting props, never renaming them — and it reads \"—\" until its feed answers, never 0. ",[66,71,72],{},"DataIndexSection"," is only the shell: a title that isn't a link, the listing doors, and a grid whose columns line up from section to section. Mark made the calls on the demo: three bare bars over a labelled top row for ranked lists; and, after trying both side by side, a flat grid with prefixed titles over micros clustered by listing. \"I already love this one.\"",[56,75,76],{},"It went into qdash the same day, with the nav made a toggle (a second click closes), the Working and Experimental toggles off on every visit, the breadcrumbs pointed at the index's sections, and Overview taken off the rail — the index is the overview now.",[56,78,79,80,82],{},"A few hours after the cycle closed, Mark kept going. The roll downs got small labels, 10 px Inter bold, which fits more of an id than mono. The titles grew and the grid opened up. Then the work moved back to the design site, to a variations page with five presets and every knob live: cards for each micro, smaller data, the whole section on white. He picked the first, each micro on its own white card with rounded corners and a soft shadow (\"excellent, let's go with the default at the top\"), and it shipped that evening as q-nuxt-layer 0.9.29, where ",[66,81,72],{}," turns its micros into cards by default.",{"title":84,"searchDepth":85,"depth":85,"links":86},"",2,[],null,"dashboard","archive\u002F2026-q4\u002F2026-10-02-c109-index","product",[92,93,94,95,96],"c109","qcontrol","index","data-machine","layer","Playwright capture","screengrab","K46crq--vDuwlbcLo0h0TfqaXHQLK7hNJzTUEU-2ahw",{"eras":101,"designers":124,"subjects":132,"projects":152},[102,109,116,119],{"id":103,"name":104,"description":105,"startDate":106,"endDate":107,"order":108},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":110,"name":111,"description":112,"startDate":113,"endDate":114,"order":115},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":117,"description":118,"startDate":114,"order":85},"Seed","Building the product and its interface.",{"id":120,"name":121,"description":122,"order":123},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[125,128],{"id":10,"name":126,"role":127},"Mark","Founder \u002F Design",{"id":129,"name":130,"role":131},"sarah","Sarah Parson","Illustration \u002F Design",[133,137,141,144,148],{"id":134,"label":135,"description":136},"front-site","Front Site","Public website and marketing pages.",{"id":138,"label":139,"description":140},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":90,"label":142,"description":143},"Product","Application UI and dashboard.",{"id":145,"label":146,"description":147},"cli","Command Line Tools","Terminal interfaces and output.",{"id":149,"label":150,"description":151},"brand-system","Brand System","Style guide, brand documents, MCP server.",[153,157,160],{"id":154,"label":155,"description":156},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":88,"label":158,"description":159},"Dashboard","Product application UI — the tool customers use.",{"id":161,"label":162,"description":163},"brand","Brand","Brand system, style guides, design tokens, and tooling.",1794599288203]