[{"data":1,"prerenderedAt":112},["ShallowReactive",2],{"$ffMgyjIHWZJy3YtZFq3AeQ9dzn9eF7MlRtb8FyVL5jwg":3},{"item":4,"meta":52},{"id":5,"title":6,"alt":7,"date":8,"design-phase":9,"designer":10,"era":11,"extension":12,"featured":13,"gallery":14,"image":16,"meta":21,"narrative":41,"project":42,"source-file":41,"stem":43,"subject":44,"tags":45,"tool":49,"type":50,"__hash__":51},"archive\u002Farchive\u002F2026-q3\u002F2026-03-18-c22-violations-table.md","Violations Table","SecurityViolationsTable demo — the violations composition extracted in c22.","2026-03-18","1.0","mark","seed","md",false,[15,18],{"src":16,"alt":17},"\u002Fcycles\u002Fdesign\u002Fc22-violations-table.png","SecurityViolationsTable demo.",{"src":19,"alt":20},"\u002Fcycles\u002Fdesign\u002Fc22-violations-table-full.png","Violations Table — full demo page",{"body":22},{"type":23,"value":24,"toc":37},"minimark",[25,34],[26,27,28,29,33],"p",{},"The c22 extraction that also simplified its neighbors — the violations table became a layer component and the policy card's slot API from c19 was retired in favor of a ",[30,31,32],"code",{},"violationSamples"," prop.",[26,35,36],{},"Captured 2026-08-15 (c71 backfill). Current render of a surface first built in c22; visual language reflects the later c48\u002Fc52 re-skins.",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[],null,"brand","archive\u002F2026-q3\u002F2026-03-18-c22-violations-table","product",[46,47,48],"c22","security","components","Playwright capture","screengrab","i2IW8WcT-8lq36BmdR8cPgrKb7ucPm8c5pGBRl565SU",{"eras":53,"designers":76,"subjects":80,"projects":100},[54,61,68,71],{"id":55,"name":56,"description":57,"startDate":58,"endDate":59,"order":60},"ideation","Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":62,"name":63,"description":64,"startDate":65,"endDate":66,"order":67},"pre-seed","Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":11,"name":69,"description":70,"startDate":66,"order":39},"Seed","Building the product and its interface.",{"id":72,"name":73,"description":74,"order":75},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[77],{"id":10,"name":78,"role":79},"Mark","Founder \u002F Design",[81,85,89,92,96],{"id":82,"label":83,"description":84},"front-site","Front Site","Public website and marketing pages.",{"id":86,"label":87,"description":88},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":44,"label":90,"description":91},"Product","Application UI and dashboard.",{"id":93,"label":94,"description":95},"cli","Command Line Tools","Terminal interfaces and output.",{"id":97,"label":98,"description":99},"brand-system","Brand System","Style guide, brand documents, MCP server.",[101,105,109],{"id":102,"label":103,"description":104},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":106,"label":107,"description":108},"dashboard","Dashboard","Product application UI — the tool customers use.",{"id":42,"label":110,"description":111},"Brand","Brand system, style guides, design tokens, and tooling.",1789151054717]