[{"data":1,"prerenderedAt":145},["ShallowReactive",2],{"$fcieeBslyScePN5SRskiLPzRDr-afFOYopt9ncXEF1Y8":3},{"item":4,"meta":81},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":30,"narrative":69,"project":70,"source-file":69,"stem":71,"subject":72,"tags":73,"tool":78,"type":79,"__hash__":80},"archive\u002Farchive\u002F2026-q3\u002F2026-09-25-c96-page-evolution.md","Page Evolution — One Page Across Cycles","The Teams page's evolution — six moments from the c81 mock to qdash after c92 band-polish along a timeline strip, with the c81 and c92 captures in a wipe comparison beneath.","2026-09-25","1.0","mark","seed","md",false,[15,18,21,24,27],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc96-evolution-teams.png","Teams — the strip (mock → mock → qcontrol preview → qdash), the lane control, and the wipe stage with c81 on the left and c92 on the right.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc96-evolution-teams-full.png","The full subject page — the record for A and B under the stage: cycle, thread, surface, route, caption, what was new, hero and full-page links.",{"src":22,"alt":23},"\u002Fcycles\u002Fdesign\u002Fc96-evolution-onion.png","Onion-skin mode — B blended over A; mode and both captures live in the URL, so a before\u002Fafter is a link.",{"src":25,"alt":26},"\u002Fcycles\u002Fdesign\u002Fc96-evolution-index.png","The index — every subject as a card pairing its first and latest capture, with the cycles spanned and the surfaces seen.",{"src":28,"alt":29},"\u002Fcycles\u002Fdesign\u002Fc96-evolution-index-full.png","The index in full — 23 subjects with history above the single-moment tail.",{"body":31},{"type":32,"value":33,"toc":65},"minimark",[34,52],[35,36,37,38,42,43,46,47,51],"p",{},"The capture system had every screenshot but no memory: the same page shot in c81, c89, c90, and c92 sat under four filenames with nothing joining them, and versioned routes (",[39,40,41],"code",{},"teams-v3",", ",[39,44,45],{},"user-v2",") and three hosts (the mock, the qcontrol preview, qdash) hid most of the history from a route-based join. c96 gave each capture a ",[48,49,50],"strong",{},"subject"," — what the picture is of — and built the view on top: a strip of moments oldest to newest, fans for parallel versions, lanes for states, and a compare stage with wipe, onion skin, side-by-side, and a sequence flipbook.",[35,53,54,55,42,58,42,61,64],{},"Captured 2026-09-25 on the design site's own dev server. The three components (",[39,56,57],{},"UxImageCompare",[39,59,60],{},"UxLightbox",[39,62,63],{},"EvolutionStrip",") are design-local until their layer extraction.",{"title":66,"searchDepth":67,"depth":67,"links":68},"",2,[],null,"brand","archive\u002F2026-q3\u002F2026-09-25-c96-page-evolution","brand-system",[74,75,76,77],"c96","layer","qcontrol","design-ops","Playwright capture","screengrab","Sy8F6khgSkiAxovECuZeky1yV-9KdSupH0fkSUC5-A8",{"eras":82,"designers":105,"subjects":113,"projects":133},[83,90,97,100],{"id":84,"name":85,"description":86,"startDate":87,"endDate":88,"order":89},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":91,"name":92,"description":93,"startDate":94,"endDate":95,"order":96},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":98,"description":99,"startDate":95,"order":67},"Seed","Building the product and its interface.",{"id":101,"name":102,"description":103,"order":104},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[106,109],{"id":10,"name":107,"role":108},"Mark","Founder \u002F Design",{"id":110,"name":111,"role":112},"sarah","Sarah Parson","Illustration \u002F Design",[114,118,122,126,130],{"id":115,"label":116,"description":117},"front-site","Front Site","Public website and marketing pages.",{"id":119,"label":120,"description":121},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":123,"label":124,"description":125},"product","Product","Application UI and dashboard.",{"id":127,"label":128,"description":129},"cli","Command Line Tools","Terminal interfaces and output.",{"id":72,"label":131,"description":132},"Brand System","Style guide, brand documents, MCP server.",[134,138,142],{"id":135,"label":136,"description":137},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":139,"label":140,"description":141},"dashboard","Dashboard","Product application UI — the tool customers use.",{"id":70,"label":143,"description":144},"Brand","Brand system, style guides, design tokens, and tooling.",1794599288342]