[{"data":1,"prerenderedAt":101},["ShallowReactive",2],{"$fr0NqHZC_vPP83QXmoCUcSobnODh_JE0COTA_-6H_SSs":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":30,"source-file":31,"stem":32,"subject":33,"tags":34,"tool":38,"type":39,"__hash__":40},"archive\u002Farchive\u002F2026-q1\u002F2026-01-20-style-guide-site.md","Style Guide Site Launch","Qpoint style guide website — brand foundation, colors, typography, and logo pages.","2026-01-20","1.0","mark","pre-seed","md",false,null,"",{"body":17},{"type":18,"value":19,"toc":27},"minimark",[20,24],[21,22,23],"p",{},"The internal style guide becomes a running website. Nuxt 4 + Tailwind CSS, no content module — all pages are plain Vue components. Swiss-modern aesthetic: clean grids, generous whitespace, typographic hierarchy.",[21,25,26],{},"Color is functional, not decorative. The site itself is a demonstration of the brand system it documents.",{"title":15,"searchDepth":28,"depth":28,"links":29},2,[],"brand","design.dashboard.history.1.ai","archive\u002F2026-q1\u002F2026-01-20-style-guide-site","brand-system",[35,36,37],"style-guide","nuxt","web","Nuxt","screenshot","w9aNTNez2dOliq-JJ1e_Eg0exGgRZPcz1HC7AGnhAPw",{"eras":42,"designers":65,"subjects":69,"projects":89},[43,50,56,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":11,"name":51,"description":52,"startDate":53,"endDate":54,"order":55},"Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":57,"name":58,"description":59,"startDate":54,"order":28},"seed","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,82,86],{"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":79,"label":80,"description":81},"product","Product","Application UI and dashboard.",{"id":83,"label":84,"description":85},"cli","Command Line Tools","Terminal interfaces and output.",{"id":33,"label":87,"description":88},"Brand System","Style guide, brand documents, MCP server.",[90,94,98],{"id":91,"label":92,"description":93},"brochure-site","Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":95,"label":96,"description":97},"dashboard","Dashboard","Product application UI — the tool customers use.",{"id":30,"label":99,"description":100},"Brand","Brand system, style guides, design tokens, and tooling.",1776106298689]