[{"data":1,"prerenderedAt":106},["ShallowReactive",2],{"$fkCjrud3OIc5Q8_hqoqZIpNoTuCgGvscJFfkdZBJyIQI":3},{"item":4,"meta":46},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":20,"narrative":35,"project":36,"source-file":35,"stem":37,"subject":38,"tags":39,"tool":43,"type":44,"__hash__":45},"archive\u002Farchive\u002F2026-q3\u002F2026-04-16-c40-qpixel-editor.md","Qpixel Editor Embed","The qpixel block-art editor running live inside the design site.","2026-04-16","1.0","mark","seed","md",false,[15,17],{"src":16,"alt":7},"\u002Farchive\u002F2026-q3\u002Fc40-qpixel-editor.png",{"src":18,"alt":19},"\u002Farchive\u002F2026-q3\u002Fc40-qpixel-editor-full.png","Qpixel Editor Embed — full page",{"body":21},{"type":22,"value":23,"toc":31},"minimark",[24,28],[25,26,27],"p",{},"The c40 restructure turned qpixel from a Nuxt app into a lean Vue + Vite library, and the design site's \u002Fvisualization\u002Fqpixel page embeds the full editor — grid, toolbar, palette, library, preview — completing the visualization trifecta alongside qmap and qflow.",[25,29,30],{},"Captured 2026-08-15 as part of the c69 screengrab sweep.",{"title":32,"searchDepth":33,"depth":33,"links":34},"",2,[],null,"brand","archive\u002F2026-q3\u002F2026-04-16-c40-qpixel-editor","product",[40,41,42],"c40","qpixel","visualization","Playwright capture","screengrab","nKhUEZ16uA1odapl3jY_W3LWfu89T-VzBy6Ab97bLEw",{"eras":47,"designers":70,"subjects":74,"projects":94},[48,55,62,65],{"id":49,"name":50,"description":51,"startDate":52,"endDate":53,"order":54},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":56,"name":57,"description":58,"startDate":59,"endDate":60,"order":61},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":63,"description":64,"startDate":60,"order":33},"Seed","Building the product and its interface.",{"id":66,"name":67,"description":68,"order":69},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[71],{"id":10,"name":72,"role":73},"Mark","Founder \u002F Design",[75,79,83,86,90],{"id":76,"label":77,"description":78},"front-site","Front Site","Public website and marketing pages.",{"id":80,"label":81,"description":82},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":38,"label":84,"description":85},"Product","Application UI and dashboard.",{"id":87,"label":88,"description":89},"cli","Command Line Tools","Terminal interfaces and output.",{"id":91,"label":92,"description":93},"brand-system","Brand System","Style guide, brand documents, MCP server.",[95,99,103],{"id":96,"label":97,"description":98},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":100,"label":101,"description":102},"dashboard","Dashboard","Product application UI — the tool customers use.",{"id":36,"label":104,"description":105},"Brand","Brand system, style guides, design tokens, and tooling.",1789151054434]