[{"data":1,"prerenderedAt":770},["ShallowReactive",2],{"$foplE1lrTUAESVctTvBekONws--2QdT3AJCJIQtTBGRI":3},{"items":4,"meta":715},[5,52,74,97,139,167,198,226,252,277,305,335,355,375,401,420,447,469,496,529,550,581,608,630,649,667,691],{"id":6,"title":7,"alt":8,"date":9,"design-phase":10,"designer":11,"era":12,"extension":13,"featured":14,"gallery":15,"image":16,"meta":17,"narrative":15,"project":41,"source-file":42,"stem":43,"subject":44,"tags":45,"tool":49,"type":50,"__hash__":51},"archive\u002Farchive\u002F2026-q1\u002F2026-02-18-mcp-brand-server.md","MCP Brand Server v1.0.0","First brand voice check via MCP — caught three violations in a single sentence.","2026-02-18","1.0","mark","pre-seed","md",true,null,"\u002Farchive\u002F2026-q1\u002Fmcp-brand-voice-check.png",{"body":18},{"type":19,"value":20,"toc":37},"minimark",[21,25],[22,23,24],"p",{},"A working MCP server that makes Qpoint's brand identity programmatically available to Claude Code and any MCP-compatible AI client. Standalone Node.js process using stdio transport, separate from the Nuxt app. Imports brand data directly from server\u002Fdata\u002Fbrand.ts — zero duplication, single source of truth preserved.",[22,26,27,28,32,33,36],{},"The check-brand-voice tool is the first concrete example of brand ",[29,30,31],"em",{},"enforcement"," rather than brand ",[29,34,35],{},"documentation",". In its first test, it correctly caught three violations in a single sentence — an exclamation point, a superlative, and \"We\" as a marketing headline subject.",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[],"brand","design.dashboard.history.1.ai","archive\u002F2026-q1\u002F2026-02-18-mcp-brand-server","brand-system",[46,47,48],"mcp","brand-voice","tooling","Claude Code","screenshot","NODA55W523A45pM67MoBdCUpiifctmz2r_DtV90xOAg",{"id":53,"title":54,"alt":55,"date":56,"design-phase":10,"designer":11,"era":12,"extension":13,"featured":57,"gallery":15,"image":38,"meta":58,"narrative":15,"project":41,"source-file":42,"stem":69,"subject":44,"tags":70,"tool":15,"type":72,"__hash__":73},"archive\u002Farchive\u002F2026-q1\u002F2026-02-10-brand-guide-v1.5.md","Essential Guide v1.5","Brand essential guide v1.5 — AI governance pivot and Section 2 visual identity.","2026-02-10",false,{"body":59},{"type":19,"value":60,"toc":67},[61,64],[22,62,63],{},"Two major things happen in v1.5. First, the AI governance pivot: \"vibe-coded apps\" enters the language as a specific threat vector. The MCP server is elevated to a first-class capability. The vision shifts from empowerment to automation — suggesting Qpoint acts on your behalf, not just informs you.",[22,65,66],{},"Second, Section 2 begins. The brand's tangible identity starts taking shape. Grape as primary color is deliberately non-blue, aligning with competitive differentiation. Color is framed as functional, not decorative.",{"title":38,"searchDepth":39,"depth":39,"links":68},[],"archive\u002F2026-q1\u002F2026-02-10-brand-guide-v1.5",[71,35],"brand-guide","document","OsG3QSlq2kircgtnXuu-gpaNhd72l0Erv6Ygux6Nwxw",{"id":75,"title":76,"alt":77,"date":78,"design-phase":10,"designer":11,"era":12,"extension":13,"featured":57,"gallery":15,"image":38,"meta":79,"narrative":15,"project":41,"source-file":42,"stem":90,"subject":44,"tags":91,"tool":95,"type":50,"__hash__":96},"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",{"body":80},{"type":19,"value":81,"toc":88},[82,85],[22,83,84],{},"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.",[22,86,87],{},"Color is functional, not decorative. The site itself is a demonstration of the brand system it documents.",{"title":38,"searchDepth":39,"depth":39,"links":89},[],"archive\u002F2026-q1\u002F2026-01-20-style-guide-site",[92,93,94],"style-guide","nuxt","web","Nuxt","w9aNTNez2dOliq-JJ1e_Eg0exGgRZPcz1HC7AGnhAPw",{"id":98,"title":99,"alt":100,"date":101,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":103,"image":104,"meta":120,"narrative":15,"project":128,"source-file":42,"stem":129,"subject":130,"tags":131,"tool":136,"type":137,"__hash__":138},"archive\u002Farchive\u002F2023-q4\u002F2023-10-15-dashboard-v1-overview.md","Dashboard v1 — Overview & Issues","Dashboard v1 main overview showing health metrics, error rates, issue cards, and event chronology with POINT branding.","2023-10-15","ideation",[104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119],"\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-0.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-2.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-3.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-colors.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-data.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-data-none.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-error.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-overview.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-index-shapes.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-sketch-1.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-sketch-data.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-sketch-data-2.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-sketch-data-3.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-issue.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-issues.png","\u002Farchive\u002F2023-q4\u002Fdashboard-v1-landing.png",{"body":121},{"type":19,"value":122,"toc":126},[123],[22,124,125],{},"First-generation dashboard designs exploring the core product experience: domain health overview, error tracking, issue lists, and data visualization. Iterates through multiple layout approaches, color studies, and data density levels. Still branded as \"POINT\" with a demo domain (oarshock.com).",{"title":38,"searchDepth":39,"depth":39,"links":127},[],"dashboard","archive\u002F2023-q4\u002F2023-10-15-dashboard-v1-overview","product",[128,132,133,134,135],"v1","overview","issues","health","Illustrator","sketch","_AW5SlzfLox2myBtKIJIjiVlSJt7qLlsZm6qT-N1q9I",{"id":140,"title":141,"alt":142,"date":101,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":143,"image":149,"meta":150,"narrative":15,"project":158,"source-file":159,"stem":160,"subject":161,"tags":162,"tool":136,"type":137,"__hash__":166},"archive\u002Farchive\u002F2023-q4\u002F2023-10-15-marketing-index-features.md","Marketing Site Homepage v2","Marketing site homepage comp with five feature section variations, dark theme on purple background.",[144,145,146,147,148],"\u002Farchive\u002F2023-q4\u002Fmarketing-index-features-2.png","\u002Farchive\u002F2023-q4\u002Fmarketing-index-features-3.png","\u002Farchive\u002F2023-q4\u002Fmarketing-index-features-4.png","\u002Farchive\u002F2023-q4\u002Fmarketing-index-features-5.png","\u002Farchive\u002F2023-q4\u002Fmarketing-index-features-6.png","\u002Farchive\u002F2023-q4\u002Fmarketing-index-features.png",{"body":151},{"type":19,"value":152,"toc":156},[153],[22,154,155],{},"Homepage layout with five feature section explorations. Each feature comp\nexplores a different content hierarchy and visual treatment for presenting\nQpoint's capabilities on the marketing site.",{"title":38,"searchDepth":39,"depth":39,"links":157},[],"brochure-site","design.marketing.history.3.ai","archive\u002F2023-q4\u002F2023-10-15-marketing-index-features","front-site",[163,164,165],"homepage","v2","feature-sections","R3l_BcHZb9U6EDTxHJ3RZINrqLinis2uO3fJWm9vYx8",{"id":168,"title":169,"alt":170,"date":101,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":171,"image":182,"meta":183,"narrative":15,"project":158,"source-file":159,"stem":191,"subject":161,"tags":192,"tool":136,"type":137,"__hash__":197},"archive\u002Farchive\u002F2023-q4\u002F2023-10-15-marketing-site-explorations.md","Marketing Site Explorations","Collection of marketing site design explorations including homepage layouts, hero sections, flow visualizations, and messaging concepts.",[172,173,174,175,176,177,178,179,180,181],"\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-2.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-3.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-4.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-5.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-6.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-7.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-8.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-9.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-10.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations-11.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-explorations.png",{"body":184},{"type":19,"value":185,"toc":189},[186],[22,187,188],{},"Wide-ranging design explorations for the marketing site covering index page\nlayouts, hero section concepts, flow visualization graphics, pricing page\ntreatments, and messaging experiments like \"see everything.\"",{"title":38,"searchDepth":39,"depth":39,"links":190},[],"archive\u002F2023-q4\u002F2023-10-15-marketing-site-explorations",[163,193,194,195,196],"hero","flow-visualization","messaging","explorations","fUX2VsV4g7hdzo2sDuepIqYAaMmxBlXudlgXB8cGE38",{"id":199,"title":200,"alt":201,"date":101,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":202,"image":211,"meta":212,"narrative":15,"project":158,"source-file":159,"stem":220,"subject":161,"tags":221,"tool":136,"type":137,"__hash__":225},"archive\u002Farchive\u002F2023-q4\u002F2023-10-15-marketing-site-v3.2.md","Marketing Site v3.2","Marketing site v3.2 revision with refined hero, navigation, design elements, and section explorations.",[203,204,205,206,207,208,209,210],"\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-2.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-3.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-4.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-5.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-6.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-7.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-8.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2-9.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.2.png",{"body":213},{"type":19,"value":214,"toc":218},[215],[22,216,217],{},"Refinement of v3 with updated hero, top navigation, and a design elements\nreference board. Explores category pages, mapping visualizations, traffic\nbreakdowns, and a coming-soon treatment.",{"title":38,"searchDepth":39,"depth":39,"links":219},[],"archive\u002F2023-q4\u002F2023-10-15-marketing-site-v3.2",[163,222,193,223,224],"v3.2","navigation","design-elements","A_GBgDJt8C4ggxbF7vGWaVj6tcrdbaC7uIXn_V80GgE",{"id":227,"title":228,"alt":229,"date":101,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":230,"image":237,"meta":238,"narrative":15,"project":158,"source-file":159,"stem":246,"subject":161,"tags":247,"tool":136,"type":137,"__hash__":251},"archive\u002Farchive\u002F2023-q4\u002F2023-10-15-marketing-site-v3.md","Marketing Site v3","Marketing site v3 homepage comps including desktop full-page, additional sections, edge intelligence feature, and mobile layouts.",[231,232,233,234,235,236],"\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-2.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-3.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-4.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-5.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-6.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3-7.png","\u002Farchive\u002F2023-q4\u002Fmarketing-site-v3.png",{"body":239},{"type":19,"value":240,"toc":244},[241],[22,242,243],{},"Third major revision of the marketing site. Introduces the \"edge intelligence\"\nconcept as a dedicated section, with full desktop and mobile layouts. Includes\nthree mobile variants exploring different content hierarchies and scroll\nexperiences.",{"title":38,"searchDepth":39,"depth":39,"links":245},[],"archive\u002F2023-q4\u002F2023-10-15-marketing-site-v3",[163,248,249,250],"v3","mobile","edge-intelligence","0HvMO4kO_tIflRnQY5if2rnzOJF9J1mBfRyGauB-zVM",{"id":253,"title":254,"alt":255,"date":256,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":257,"image":258,"meta":262,"narrative":15,"project":158,"source-file":42,"stem":270,"subject":161,"tags":271,"tool":136,"type":137,"__hash__":276},"archive\u002Farchive\u002F2023-q3\u002F2023-08-15-brochure-site-v1.md","Brochure Site v1","Landing page mockup for POINT showing 'Simple Outage Mitigation' headline with edge node flow diagram.","2023-08-15",[258,259,260,261],"\u002Farchive\u002F2023-q3\u002Fbrochure-site-v1-landing.png","\u002Farchive\u002F2023-q3\u002Fbrochure-site-v1-landing-2.png","\u002Farchive\u002F2023-q3\u002Fglass-io-integration.png","\u002Farchive\u002F2023-q3\u002Fglass-io-integration-2.png",{"body":263},{"type":19,"value":264,"toc":268},[265],[22,266,267],{},"First marketing site concepts. The landing page leads with \"Simple Outage Mitigation\" and a user-request → edge-node → backup-app flow diagram. Includes glass.io integration mockups showing how the product connects to existing monitoring stacks.",{"title":38,"searchDepth":39,"depth":39,"links":269},[],"archive\u002F2023-q3\u002F2023-08-15-brochure-site-v1",[272,132,273,274,275],"brochure","landing","marketing","glass-io","9wtfCLiBHva8xNjbZT7mqyo_KboxSeVfszreFLGJqWM",{"id":278,"title":279,"alt":280,"date":256,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":281,"image":287,"meta":291,"narrative":15,"project":128,"source-file":42,"stem":299,"subject":130,"tags":300,"tool":136,"type":137,"__hash__":304},"archive\u002Farchive\u002F2023-q3\u002F2023-08-15-dashboard-v1-explore-pipeline.md","Dashboard v1 — Explore & Pipeline","Pipeline flow diagrams showing user-to-app adapter chains with pre-app and post-app middleware stages.",[282,283,284,285,286,287,288,289,290],"\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-2.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-3.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-4.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-errors-timeline.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-pipeline-1.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-pipeline-2.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-pipeline-3.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-explore-pipeline-4.png",{"body":292},{"type":19,"value":293,"toc":297},[294],[22,295,296],{},"Early explorations of the pipeline visualization — the core mental model for how traffic flows through Qpoint's edge layer. Shows the user-to-app chain with pre-app adapters (auth), post-app adapters (error detection, URL masking), and mitigation chain management. Four iterations of increasing complexity.",{"title":38,"searchDepth":39,"depth":39,"links":298},[],"archive\u002F2023-q3\u002F2023-08-15-dashboard-v1-explore-pipeline",[128,132,301,302,303],"explore","pipeline","adapters","W3WdG96-3ZO8xzFZaf3tWqVf8SkmMfgtL9gxHOZpONo",{"id":306,"title":307,"alt":308,"date":256,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":309,"image":320,"meta":321,"narrative":15,"project":128,"source-file":42,"stem":329,"subject":130,"tags":330,"tool":136,"type":137,"__hash__":334},"archive\u002Farchive\u002F2023-q3\u002F2023-08-15-dashboard-v1-interactions.md","Dashboard v1 — Interactions","Interaction detail view showing HTTP request\u002Fresponse data, error context, screenshots, and browser session recordings.",[310,311,312,313,314,315,316,317,318,319,320],"\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interaction.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interaction-4.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-2.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-3.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-explore.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-graphics.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-detail-2.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-detail-3.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-detail-4.png","\u002Farchive\u002F2023-q3\u002Fdashboard-v1-interactions-detail-5.png",{"body":322},{"type":19,"value":323,"toc":327},[324],[22,325,326],{},"Designs for the interaction detail view — the deepest level of the dashboard where you inspect individual HTTP requests. Explores layouts for headers, request\u002Fresponse bodies, error context, screenshots, browser session replays, and live user communication tools. Several iterations work through information density and navigation patterns.",{"title":38,"searchDepth":39,"depth":39,"links":328},[],"archive\u002F2023-q3\u002F2023-08-15-dashboard-v1-interactions",[128,132,331,332,333],"interactions","request-detail","debugging","Db6EsNcqIp9IEDotTQmL9rB3Wx5CHbBBA9iX5FdWc4g",{"id":336,"title":337,"alt":338,"date":256,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":339,"image":340,"meta":341,"narrative":15,"project":128,"source-file":42,"stem":349,"subject":130,"tags":350,"tool":136,"type":137,"__hash__":354},"archive\u002Farchive\u002F2023-q3\u002F2023-08-15-product-scratchpad.md","Product Scratchpad","Collage of early product UI explorations — surface views, issue details, route dashboards, deploy history, and health indicators.",[340],"\u002Farchive\u002F2023-q3\u002Fsketch-scratchpad.png",{"body":342},{"type":19,"value":343,"toc":347},[344],[22,345,346],{},"A wide-format scratchpad collage assembling multiple early UI concepts on one canvas: surface list views, issue detail with error charts, route-level dashboards, deploy history, and health status indicators. Represents the initial product thinking before individual screens were refined.",{"title":38,"searchDepth":39,"depth":39,"links":348},[],"archive\u002F2023-q3\u002F2023-08-15-product-scratchpad",[351,132,352,353],"scratchpad","exploration","collage","zGNDxunmPtSn6DTOnj2HXBYhpcj0yaqA5Q3exrI6vMs",{"id":356,"title":357,"alt":358,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":15,"image":360,"meta":361,"narrative":15,"project":158,"source-file":369,"stem":370,"subject":161,"tags":371,"tool":136,"type":137,"__hash__":374},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-color-theme-exploration.md","Color Theme Exploration — Managed Services","Color theme exploration for Qpoint managed services page, testing palette variations across layout sections.","2023-08-01","\u002Farchive\u002F2023-q3\u002Fcolor-theme-exploration.png",{"body":362},{"type":19,"value":363,"toc":367},[364],[22,365,366],{},"Large-format color theme exploration for the managed services concept, testing\ndifferent palette applications across page sections and content blocks.",{"title":38,"searchDepth":39,"depth":39,"links":368},[],"design.marketing.history.2.ai","archive\u002F2023-q3\u002F2023-08-01-color-theme-exploration",[372,352,373],"color-theme","managed-services","fYms_C9gu7z54Q_-lOeU4ONC2zQYaqsIFQbsOSgWtUA",{"id":376,"title":377,"alt":378,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":379,"image":385,"meta":386,"narrative":15,"project":158,"source-file":369,"stem":394,"subject":161,"tags":395,"tool":136,"type":137,"__hash__":400},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-homepage-full-pages.md","Homepage Full-Page Iterations","Full-page homepage design v1 — early Qpoint front site layout with hero, features, and pipeline sections on dark background.",[380,381,382,383,384],"\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages-2.png","\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages-3.png","\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages-4.png","\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages-5.png","\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages-6.png","\u002Farchive\u002F2023-q3\u002Fhomepage-full-pages.png",{"body":387},{"type":19,"value":388,"toc":392},[389],[22,390,391],{},"Six full-page homepage iterations from v1 through v1.6, tracking the evolution\nof the front site layout. Includes the original v1 design, v1.2 with pipeline\nsection, and multiple v1.6 variants exploring different content hierarchies\nand section arrangements.",{"title":38,"searchDepth":39,"depth":39,"links":393},[],"archive\u002F2023-q3\u002F2023-08-01-homepage-full-pages",[163,396,397,132,398,399],"iterations","full-page","v1.2","v1.6","CPoxiAxrL6bQmhDBDOmmOMClRKradW6VmaRKFdpPS3c",{"id":402,"title":403,"alt":404,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":405,"image":407,"meta":408,"narrative":15,"project":158,"source-file":369,"stem":416,"subject":161,"tags":417,"tool":136,"type":137,"__hash__":419},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-homepage-navigation.md","Homepage Navigation Explorations","Navigation menu design for Qpoint front site, showing top-level menu structure and layout.",[406],"\u002Farchive\u002F2023-q3\u002Fhomepage-navigation-2.png","\u002Farchive\u002F2023-q3\u002Fhomepage-navigation.png",{"body":409},{"type":19,"value":410,"toc":414},[411],[22,412,413],{},"Two navigation menu explorations for the Qpoint front site, testing different\nmenu structures and layout approaches.",{"title":38,"searchDepth":39,"depth":39,"links":415},[],"archive\u002F2023-q3\u002F2023-08-01-homepage-navigation",[163,223,418],"menu","kJI1KGLpcjLC9gtrl0fKklxKd4vz21HBrZ0mUK6UiVE",{"id":421,"title":422,"alt":423,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":424,"image":430,"meta":431,"narrative":15,"project":158,"source-file":369,"stem":439,"subject":161,"tags":440,"tool":136,"type":137,"__hash__":446},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-homepage-sections.md","Homepage Section Explorations","Feature section design for Qpoint homepage v1.6, showcasing edge module capabilities.",[425,426,427,428,429],"\u002Farchive\u002F2023-q3\u002Fhomepage-sections-2.png","\u002Farchive\u002F2023-q3\u002Fhomepage-sections-3.png","\u002Farchive\u002F2023-q3\u002Fhomepage-sections-4.png","\u002Farchive\u002F2023-q3\u002Fhomepage-sections-5.png","\u002Farchive\u002F2023-q3\u002Fhomepage-sections-6.png","\u002Farchive\u002F2023-q3\u002Fhomepage-sections.png",{"body":432},{"type":19,"value":433,"toc":437},[434],[22,435,436],{},"Individual page sections extracted from v1.6 homepage explorations. Includes\nfeature highlights, how-it-works flows, error detection and outage mitigation\nmessaging, pricing layout, and traffic graphics explorations.",{"title":38,"searchDepth":39,"depth":39,"links":438},[],"archive\u002F2023-q3\u002F2023-08-01-homepage-sections",[163,441,442,443,444,445],"sections","features","pricing","how-it-works","error-detection","XshHiYsBjntpFWgByPARGFZ4ddiid5eKzTp25IUaKbY",{"id":448,"title":449,"alt":450,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":451,"image":453,"meta":454,"narrative":15,"project":158,"source-file":369,"stem":462,"subject":161,"tags":463,"tool":136,"type":137,"__hash__":468},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-icons-and-graphics.md","Edge Module Icons & Graphics","Qpoint icon set explorations with various edge module and connectivity symbols.",[452],"\u002Farchive\u002F2023-q3\u002Ficons-and-graphics-2.png","\u002Farchive\u002F2023-q3\u002Ficons-and-graphics.png",{"body":455},{"type":19,"value":456,"toc":460},[457],[22,458,459],{},"Icon set and graphic explorations for Qpoint's edge module concepts. Includes\nconnectivity and module icons at various sizes, plus the \"Qpoint Edge Module\nLibrary\" graphic treatments on green background with \"Error Detection & Outage\nMitigation\" labeling.",{"title":38,"searchDepth":39,"depth":39,"links":461},[],"archive\u002F2023-q3\u002F2023-08-01-icons-and-graphics",[464,465,466,467],"icons","graphics","edge-modules","iconography","gtJEuRlSKvv9V1ren_r4ID4DcfIBta-zDKGSonX9MJQ",{"id":470,"title":471,"alt":472,"date":359,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":473,"image":479,"meta":480,"narrative":15,"project":41,"source-file":369,"stem":488,"subject":44,"tags":489,"tool":136,"type":137,"__hash__":495},"archive\u002Farchive\u002F2023-q3\u002F2023-08-01-styleguide.md","Style Guide Sheets","Style guide color palette sheet defining the Qpoint color system.",[474,475,476,477,478],"\u002Farchive\u002F2023-q3\u002Fstyleguide-2.png","\u002Farchive\u002F2023-q3\u002Fstyleguide-3.png","\u002Farchive\u002F2023-q3\u002Fstyleguide-4.png","\u002Farchive\u002F2023-q3\u002Fstyleguide-5.png","\u002Farchive\u002F2023-q3\u002Fstyleguide-6.png","\u002Farchive\u002F2023-q3\u002Fstyleguide.png",{"body":481},{"type":19,"value":482,"toc":486},[483],[22,484,485],{},"Six style guide sheets covering colors, typography, feature card components,\nand image treatments. Feature cards show the \"Qpoint Edge Module Library\"\npattern with outage mitigation messaging. Includes a \"Design your edge router\"\nsection with Compose, Compile, Deploy three-step process using purple\niconography. Both desktop and mobile feature card variants explored.",{"title":38,"searchDepth":39,"depth":39,"links":487},[],"archive\u002F2023-q3\u002F2023-08-01-styleguide",[490,491,492,493,494],"styleguide","colors","typography","components","feature-cards","jvIMOHFmiIePCu9swfHB0yB0O1MYGTRCW90uftl0fWo",{"id":497,"title":498,"alt":499,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":501,"image":512,"meta":513,"narrative":15,"project":158,"source-file":521,"stem":522,"subject":161,"tags":523,"tool":136,"type":137,"__hash__":528},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-chaos-monkey.md","Chaos Monkey Feature","Coral-themed outage simulation page with 'Outage Simulation & Testing' header, geometric circuit-board background pattern, and 'Simulate Outage' button.","2022-06-15",[502,503,504,505,506,507,508,509,510,511],"\u002Farchive\u002F2022-q2\u002Fchaos-monkey-2.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-3.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-4.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-5.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-6.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-7.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-8.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-9.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-mascot.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey-swears.png","\u002Farchive\u002F2022-q2\u002Fchaos-monkey.png",{"body":514},{"type":19,"value":515,"toc":519},[516],[22,517,518],{},"Outage simulation and testing feature — a chaos-monkey-style tool for Qpoint.\nThe series includes UI layouts for the simulation page, a geometric\ncircuit-board background pattern, and extensive mascot exploration. The monkey\nskull icon went through many iterations, from simple skulls to expressive\nmonkey-skull hybrids with ears.",{"title":38,"searchDepth":39,"depth":39,"links":520},[],"design.marketing.history.1.ai","archive\u002F2022-q2\u002F2022-06-15-chaos-monkey",[524,525,526,527],"chaos-monkey","outage-simulation","mascot","illustration","7nDaUsY-XN2ZbECCE-Z9n7G-vmj6QZYHh5EsKWAF8AU",{"id":530,"title":531,"alt":532,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":533,"image":537,"meta":538,"narrative":15,"project":158,"source-file":521,"stem":546,"subject":161,"tags":547,"tool":136,"type":137,"__hash__":549},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-dark-marketing-site.md","Dark Marketing Site","Full dark-themed marketing site with 'Intelligence at the edge' headline, request flow diagram, edge acceleration section listing Cloudflare\u002FFastly\u002FAWS, and path stewardship UI.",[534,535,536],"\u002Farchive\u002F2022-q2\u002Fdark-marketing-site-hero.png","\u002Farchive\u002F2022-q2\u002Fdark-marketing-site-mobile.png","\u002Farchive\u002F2022-q2\u002Fdark-marketing-site-visual-idea.png","\u002Farchive\u002F2022-q2\u002Fdark-marketing-site.png",{"body":539},{"type":19,"value":540,"toc":544},[541],[22,542,543],{},"Dark-themed marketing site — a more complete layout with hero, request flow\ndiagram, edge acceleration comparison (Cloudflare, Fastly, AWS), and path\nstewardship sections. Includes desktop full-page, hero detail, and mobile\nresponsive versions.",{"title":38,"searchDepth":39,"depth":39,"links":545},[],"archive\u002F2022-q2\u002F2022-06-15-dark-marketing-site",[548,274,397],"dark-theme","cE4OZ8W2ZfZtKEwctfBq65-UWgSJfYjuvxUuEWe9kvc",{"id":551,"title":552,"alt":553,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":554,"image":566,"meta":567,"narrative":15,"project":41,"source-file":521,"stem":575,"subject":44,"tags":576,"tool":136,"type":137,"__hash__":580},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-design-tokens-components.md","Design Tokens & Components","Dark-themed problems-vs-solutions page layout with teal and coral section headers comparing challenges with Qpoint benefits.",[555,556,557,558,559,560,561,562,563,564,565],"\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-2.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-3.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-4.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-5.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-6.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-7.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-8.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-9.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-10.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-11.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components-12.png","\u002Farchive\u002F2022-q2\u002Fdesign-tokens-components.png",{"body":568},{"type":19,"value":569,"toc":573},[570],[22,571,572],{},"Twelve explorations of page sections, layout patterns, and component structures.\nIncludes problems\u002Fsolutions layouts, \"Big point\" headline treatments with\nvarious image placement options, and wireframe-level content block arrangements.\nEarly thinking about how to systematize the marketing site's visual vocabulary.",{"title":38,"searchDepth":39,"depth":39,"links":574},[],"archive\u002F2022-q2\u002F2022-06-15-design-tokens-components",[577,493,578,579],"design-tokens","layout-patterns","wireframes","rNN-UAKNYdCJOhhX3-01l08pbQQ77znlzHUsemmMXm0",{"id":582,"title":583,"alt":584,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":585,"image":593,"meta":594,"narrative":15,"project":158,"source-file":521,"stem":602,"subject":161,"tags":603,"tool":136,"type":137,"__hash__":607},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-intelligence-at-the-edge-pitch-v3.md","Intelligence at the Edge — Pitch v3","Light-themed landing page with 'Intelligence at the edge' headline, teal 'Request Access' button, and request flow visualization with dark curved section below.",[586,587,588,589,590,591,592],"\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-2.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-3.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-4.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-5.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-6.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-7.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3-8.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-pitch-v3.png",{"body":595},{"type":19,"value":596,"toc":600},[597],[22,598,599],{},"Third iteration of the \"Intelligence at the Edge\" pitch page. Shifts to a\nlight-on-white hero with a large dark curved section below. Features a request\nflow visualization, decision-point narrative, and \"Request Access\" CTA in teal.\nEight section variations exploring different content blocks.",{"title":38,"searchDepth":39,"depth":39,"links":601},[],"archive\u002F2022-q2\u002F2022-06-15-intelligence-at-the-edge-pitch-v3",[604,605,606,248],"intelligence-at-the-edge","pitch","light-theme","ilMOUAiNM2PyudzfVpcJlh6BfQ5OxmRaE2hiAgGQYyo",{"id":609,"title":610,"alt":611,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":612,"image":618,"meta":619,"narrative":15,"project":158,"source-file":521,"stem":627,"subject":161,"tags":628,"tool":136,"type":137,"__hash__":629},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-intelligence-at-the-edge-site.md","Intelligence at the Edge — Site","Split-layout marketing site with abstract blue-cyan globe graphic on the left and 'Intelligence at the Edge' headline on coral background.",[613,614,615,616,617],"\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site-2.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site-3.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site-how-it-works.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site-overview.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site-wireframe.png","\u002Farchive\u002F2022-q2\u002Fintelligence-at-the-edge-site.png",{"body":620},{"type":19,"value":621,"toc":625},[622],[22,623,624],{},"\"Intelligence at the Edge\" marketing site concept — the first version of this\ntagline. Features a split-layout hero with an abstract pixelated globe, plus\nhow-it-works sections and artboard overview spreads showing multiple layout\ndirections being explored simultaneously.",{"title":38,"searchDepth":39,"depth":39,"links":626},[],"archive\u002F2022-q2\u002F2022-06-15-intelligence-at-the-edge-site",[604,193,274],"9T9wW9sRmXXl_ZPYDM1Zc0ro99gGs-fcO3NoWH-6VrQ",{"id":631,"title":632,"alt":633,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":15,"image":634,"meta":635,"narrative":15,"project":41,"source-file":521,"stem":643,"subject":44,"tags":644,"tool":136,"type":137,"__hash__":648},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-logo-exploration.md","Logo Exploration","Grid of Q-mark logo variations on a dark background — exploring circular forms, cursor-dot accents, and teal-green color treatments.","\u002Farchive\u002F2022-q2\u002Flogo-exploration.png",{"body":636},{"type":19,"value":637,"toc":641},[638],[22,639,640],{},"Extensive logo exploration for the Qpoint mark. Dozens of variations on the Q\nletterform — from minimal line-drawn circles to filled teal forms with cursor\naccents. The progression shows the mark evolving from generic circles toward the\ndistinctive Q-with-dot that became the brand.",{"title":38,"searchDepth":39,"depth":39,"links":642},[],"archive\u002F2022-q2\u002F2022-06-15-logo-exploration",[645,646,647],"logo","Q-mark","identity","iwkKBofe3a6w9A9jxQkkQzBsV7jw3bxwNVgLypyh2Jg",{"id":650,"title":651,"alt":652,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":15,"image":653,"meta":654,"narrative":15,"project":158,"source-file":521,"stem":662,"subject":161,"tags":663,"tool":136,"type":137,"__hash__":666},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-marketing-site-explore.md","Marketing Site Exploration","Dark marketing site concept with 'Surgically replace aging tech' headline in gradient teal-to-white type, showing traffic split visualization between existing and new tech.","\u002Farchive\u002F2022-q2\u002Fmarketing-site-explore.png",{"body":655},{"type":19,"value":656,"toc":660},[657],[22,658,659],{},"Marketing site concept exploring the \"surgically replace aging tech\" angle.\nFeatures a traffic split visualization showing percentage-based routing between\nexisting and new technology stacks, with health monitoring indicators.",{"title":38,"searchDepth":39,"depth":39,"links":661},[],"archive\u002F2022-q2\u002F2022-06-15-marketing-site-explore",[274,664,665],"traffic-split","tech-migration","k69UYRirubLxy7Gl5aLC2eJs5DCdnFXUnQSrpmxf-IY",{"id":668,"title":669,"alt":670,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":671,"image":673,"meta":674,"narrative":15,"project":158,"source-file":521,"stem":686,"subject":161,"tags":687,"tool":136,"type":137,"__hash__":690},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-pitch-page-layouts.md","Pitch Page Layouts","Dark-themed pitch page layout showing granular traffic shaping, tech stewardship sections, and a path routing UI with team ownership details.",[672],"\u002Farchive\u002F2022-q2\u002Fpitch-page-layouts-2.png","\u002Farchive\u002F2022-q2\u002Fpitch-page-layouts.png",{"body":675},{"type":19,"value":676,"toc":684},[677],[22,678,679,680,683],{},"Early pitch page explorations from ",[681,682,521],"code",{},". Two layout\ndirections for explaining Qpoint's edge routing value proposition — granular\ntraffic shaping, tech stewardship, and path ownership.",{"title":38,"searchDepth":39,"depth":39,"links":685},[],"archive\u002F2022-q2\u002F2022-06-15-pitch-page-layouts",[605,688,689],"landing-page","traffic-shaping","_WTKY5P8Z0fWuS0p93spDn54eOpJwOF0O4UO1XLKMs8",{"id":692,"title":693,"alt":694,"date":500,"design-phase":10,"designer":11,"era":102,"extension":13,"featured":57,"gallery":695,"image":701,"meta":702,"narrative":15,"project":158,"source-file":521,"stem":710,"subject":161,"tags":711,"tool":136,"type":137,"__hash__":714},"archive\u002Farchive\u002F2022-q2\u002F2022-06-15-simple-page-layouts.md","Simple Page Layouts","Dark-themed landing page with 'Own your web surface area' headline, isometric block illustration, and micro app KPI dashboard.",[696,697,698,699,700],"\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts-2.png","\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts-3.png","\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts-4.png","\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts-5.png","\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts-6.png","\u002Farchive\u002F2022-q2\u002Fsimple-page-layouts.png",{"body":703},{"type":19,"value":704,"toc":708},[705],[22,706,707],{},"Six variations of a simplified landing page concept. The \"Own your web surface\narea\" messaging paired with isometric block illustrations showing micro apps,\ndashboards, and marketing micro-sites as distinct surface layers. Both dark and\ncoral-background variants explored.",{"title":38,"searchDepth":39,"depth":39,"links":709},[],"archive\u002F2022-q2\u002F2022-06-15-simple-page-layouts",[688,712,713],"isometric","surface-area","zwoRWcAnntj9T2Kt5b_S6Wp5YDo20ufuKSTYaj-3deg",{"eras":716,"designers":738,"subjects":742,"projects":760},[717,723,729,733],{"id":102,"name":718,"description":719,"startDate":720,"endDate":721,"order":722},"Ideation","First dashboard and site mockups, pre-brand.","2022-01","2025-09",0,{"id":12,"name":724,"description":725,"startDate":726,"endDate":727,"order":728},"Pre-Seed","Establishing identity, voice, and visual language.","2025-10","2026-01",1,{"id":730,"name":731,"description":732,"startDate":727,"order":39},"seed","Seed","Building the product and its interface.",{"id":734,"name":735,"description":736,"order":737},"post-seed","Post-Seed","Scaling the product and expanding reach.",3,[739],{"id":11,"name":740,"role":741},"Mark","Founder \u002F Design",[743,746,750,753,757],{"id":161,"label":744,"description":745},"Front Site","Public website and marketing pages.",{"id":747,"label":748,"description":749},"pitch-deck","Pitch Deck","Investor and partner presentations.",{"id":130,"label":751,"description":752},"Product","Application UI and dashboard.",{"id":754,"label":755,"description":756},"cli","Command Line Tools","Terminal interfaces and output.",{"id":44,"label":758,"description":759},"Brand System","Style guide, brand documents, MCP server.",[761,764,767],{"id":158,"label":762,"description":763},"Brochure Site","Public marketing website — messaging, landing pages, campaigns.",{"id":128,"label":765,"description":766},"Dashboard","Product application UI — the tool customers use.",{"id":41,"label":768,"description":769},"Brand","Brand system, style guides, design tokens, and tooling.",1776106296277]