Home Dashboard GitHub

Marketing site reskin — complete (25/25 pages on new design)

2026-04-20

marketing-site

What We Built

Completed the full marketing-site refactor from 25 copy-pasted HTML files into a Vite multipage build with Tailwind v4 design tokens, Handlebars shared chrome, and a GTM-matched dark-graphite aesthetic. Every page rewritten from scratch on the new design system. The legacy/ archive and the merge-legacy.mjs trampoline have been deleted — Vite emits every route directly.

Pages shipped

  • Home · hero + 6-card value grid + 5 governance pillars + proof panel + CTA
  • Features · 13 systems grouped under 5 pillars (Identity / Auth / Runtime / Economics / Evidence)
  • Pricing · 3 tiers + 6 always-included features + 6-question FAQ
  • Developers · TypeScript + Python + REST + MCP + discovery + intelligence headers + error-recovery shape
  • How it works · 3-stage pipeline (Ingest / Route / Return) + Thompson sampling explanation
  • Models · 8-provider catalog with counts, auto-routing variants, Prometheus cost spread
  • MCP · 107 tools across 10 categories + Claude Desktop / Cursor config
  • CLI · install + 4 key verbs (send / models / gateway / config)
  • Compare · vs Portkey / OpenRouter / Lasso + 6 BR-only capabilities
  • Security · PQC TLS + hash-chained audit + mTLS + NSM-10 / FIPS 203/204
  • Status · live health polling against api.brainstormrouter.com/health
  • Manifesto · 6-thesis ZTNA imperative for multi-agent systems
  • MNI · 7 discovery layers (llms.txt through /v1/self)
  • Onboarding · 5-step quickstart with verbatim API calls
  • Case studies (7) · index + agent-governance, code-review, customer-support, delegated-hiring, financial-docs, soc-analyst
  • Integrations (1) · Claude for Excel
  • Legal (4) · /legal/{terms,privacy,disclaimer,data-use} (consolidated, with 301 redirects from old /terms etc.)

How It Works

├── src/
│   ├── index.html                          # home
│   ├── <section>/index.html                # 14 section pages
│   ├── case-studies/*.html                 # 7 case studies
│   ├── integrations/claude-excel/index.html
│   ├── legal/{terms,privacy,disclaimer,data-use}/index.html
│   ├── _partials/{head,nav,footer}.html    # Handlebars chrome
│   ├── _styles/{globals,components}.css    # Tailwind v4 @theme + BR utilities
│   └── _scripts/{main,nav,scroll-reveal,glow-card}.ts
├── public/                                 # .well-known/, llms*.txt, openapi.*, robots, sitemap — passthrough
├── dashboard/                              # untouched Vite SaaS app
├── scripts/                                # (empty — merge-legacy.mjs deleted)
└── vercel.json                             # outputDirectory: "dist" + 301 redirects from old /terms, /privacy, etc.

Per-page meta lives in vite.config.ts as a static map keyed by route. Every page inherits the same Handlebars chrome ({{> head}}, {{> nav}}, {{> footer}}), Tailwind v4 tokens, glow-card mouse-tracking, scroll-reveal animations, and grain overlay.

The Numbers

BeforeAfter
Pages25 (duplicated chrome per file)25 (shared chrome)
Total HTML~11,000 lines~8,800 lines (avg -20%, gzipped bundles smaller)
CSS99 KB hand-crafted30.8 KB Tailwind-tree-shaken (-69%)
JS22 KB inlined2.2 KB tree-shaken (-90%)
Build timen/a (static)187 ms
Homepage gzipnot measured5.6 KB

Lockstep Checklist

Marketing-only change. No API/SDK/MCP surfaces touched.

  • [x] API Routes: no change.
  • [x] TS SDK: no change.
  • [x] Python SDK: no change.
  • [x] MCP Schemas: no change.
  • [x] Master Record: design-system refactor, not a new capability.

Follow-ups

  • Visual QA in a browser (dev server: cd site && npm run dev).
  • Verify dashboard mount still works after the deploy: /dashboard/* → /dashboard-built/index.html.
  • Spot-check the 301 redirects for /terms, /privacy, /disclaimer, /data-use → /legal/* after deploy.
  • Decide whether to retire llms-agent-playbook.txt or regenerate it against the new routes.