[{"data":1,"prerenderedAt":101},["ShallowReactive",2],{"$fQ5QgExYqk8U4QPZVrroPvZ5LydDTHfMP12uXfO6e9NY":3},{"item":4,"meta":41},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":15,"meta":16,"narrative":14,"project":31,"source-file":14,"stem":32,"subject":33,"tags":34,"tool":38,"type":39,"__hash__":40},"archive\u002Farchive\u002F2026-q3\u002F2026-03-19-c31-security-overview.md","Security Overview — the First Page Mock","\u002Fpages\u002Fsecurity-overview — the first page-level mock, built from layer components only.","2026-03-19","1.0","mark","seed","md",false,null,"\u002Fcycles\u002Fdesign\u002Fc31-security-overview.png",{"body":17},{"type":18,"value":19,"toc":27},"minimark",[20,24],[21,22,23],"p",{},"Where the Pages entity began: c31 built this static, data-complete recreation of the security overview using only layer components, extracting five health components in the process. Eighty-plus mocks later, the pattern it established is the design site's busiest surface.",[21,25,26],{},"Captured 2026-08-15 (c71 backfill). Current render of a surface first built in c31; visual language reflects the later c48\u002Fc52 re-skins.",{"title":28,"searchDepth":29,"depth":29,"links":30},"",2,[],"dashboard","archive\u002F2026-q3\u002F2026-03-19-c31-security-overview","product",[35,36,37],"c31","pages","security","Playwright capture","screengrab","IQoJX5ZAaAdf_2clsu7xWxtg7jpXhFvZ4aGDP3aWWXM",{"eras":42,"designers":65,"subjects":69,"projects":89},[43,50,57,60],{"id":44,"name":45,"description":46,"startDate":47,"endDate":48,"order":49},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":51,"name":52,"description":53,"startDate":54,"endDate":55,"order":56},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":58,"description":59,"startDate":55,"order":29},"Seed","Building the product and its interface.",{"id":61,"name":62,"description":63,"order":64},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[66],{"id":10,"name":67,"role":68},"Mark","Founder \u002F Design",[70,74,78,81,85],{"id":71,"label":72,"description":73},"front-site","Front Site","Public website and marketing pages.",{"id":75,"label":76,"description":77},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":33,"label":79,"description":80},"Product","Application UI and dashboard.",{"id":82,"label":83,"description":84},"cli","Command Line Tools","Terminal interfaces and output.",{"id":86,"label":87,"description":88},"brand-system","Brand System","Style guide, brand documents, MCP server.",[90,94,97],{"id":91,"label":92,"description":93},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":31,"label":95,"description":96},"Dashboard","Product application UI — the tool customers use.",{"id":98,"label":99,"description":100},"brand","Brand","Brand system, style guides, design tokens, and tooling.",1789151054628]