[{"data":1,"prerenderedAt":127},["ShallowReactive",2],{"$foXc4MoWnzeSuu6wq5PbKvuTOLHo_1fov4FS45lm86GQ":3},{"newThing":4,"project":5,"cycle":8,"sections":19,"threads":120,"otherDocs":121,"images":124,"archiveItems":125,"links":126},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":4,"status":14,"statusNote":4,"created":15,"completed":4,"mode":4,"recordless":16,"thumbnail":4,"imageCount":17,"artifactCount":18,"lastActivity":15,"hasPickup":16,"hasInitialPrompt":16},"c46",46,"c46.brochure-dark-mode","brochure-dark-mode","Brochure Site Dark Mode Definition","archived","2026-09-11",false,0,2,[20,43,53,84,103],{"key":21,"title":22,"empty":16,"ast":23},"why","Why",{"type":24,"children":25},"root",[26],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31,34,41],{"type":32,"value":33},"text","The brochure site design is taking shape in light mode (Illustrator). We need a dark mode variant produced by a junior designer working from the same ",{"type":27,"tag":35,"props":36,"children":38},"code",{"className":37},[],[39],{"type":32,"value":40},".ai",{"type":32,"value":42}," file. A clear, self-contained brief lets them work independently — with full color values, accessibility requirements, and brand context — while leaving creative latitude on specific pairings and illustration treatment.",{"key":44,"title":45,"empty":16,"ast":46},"objective","Objective",{"type":24,"children":47},[48],{"type":27,"tag":28,"props":49,"children":50},{},[51],{"type":32,"value":52},"Produce a design brief that a junior designer can execute without follow-up questions about brand rules or color values. The brief covers palette, accessibility, design principles, and deliverable spec.",{"key":54,"title":55,"empty":16,"ast":56},"scope","Scope",{"type":24,"children":57},[58],{"type":27,"tag":59,"props":60,"children":61},"ul",{},[62,74],{"type":27,"tag":63,"props":64,"children":65},"li",{},[66,72],{"type":27,"tag":67,"props":68,"children":69},"strong",{},[70],{"type":32,"value":71},"In:",{"type":32,"value":73}," Design brief document, brand color reference, accessibility minimums, guidance on surfaces\u002Fillustrations",{"type":27,"tag":63,"props":75,"children":76},{},[77,82],{"type":27,"tag":67,"props":78,"children":79},{},[80],{"type":32,"value":81},"Out:",{"type":32,"value":83}," Code implementation, token definition, interactive states — this cycle produces a visual design artifact only",{"key":85,"title":86,"empty":16,"ast":87},"key-changes","Key Changes",{"type":24,"children":88},[89],{"type":27,"tag":59,"props":90,"children":91},{},[92],{"type":27,"tag":63,"props":93,"children":94},{},[95,101],{"type":27,"tag":35,"props":96,"children":98},{"className":97},[],[99],{"type":32,"value":100},"cycles\u002Fc46.brochure-dark-mode\u002Fbrief.md",{"type":32,"value":102}," — the design brief itself",{"key":104,"title":105,"empty":16,"ast":106},"outcome","Outcome",{"type":24,"children":107},[108],{"type":27,"tag":28,"props":109,"children":110},{},[111,113,118],{"type":32,"value":112},"A self-contained brief ready to hand off. The designer receives the light mode ",{"type":27,"tag":35,"props":114,"children":116},{"className":115},[],[117],{"type":32,"value":40},{"type":32,"value":119}," file, reads the brief, and produces a dark mode variant without needing to reference other brand documents or ask clarifying questions.",[],[122,123],"brief.md","initial-brief.md",[],[],[],1789151084382]