How this was built
The bar we hold, and the state.
Twelve dimensions of what a 2026 front-end substrate looks like at elite. Every score below is what the running site is measured against — not what it aspires to. Anything marked at elite has a CI gate or a shipped surface behind it.
7 at elite · 4 advancing · 1 gap · 0 miss
The scorecard
Twelve dimensions. One running site.
- Framework
Next 15.5.21 · React 19.1.0 · App Router · RSC · edge runtime
Standardized on the release channel, disciplined client-boundary splits, streaming SSR available where the shape warrants it.
At elite
- Rendering
force-static for marketing IA · Suspense + streaming SSR elsewhere
Marketing routes render statically at build time. Suspense boundaries in place on the pages that fetch. No unnecessary revalidate=false CDN pins.
Advancing
- Type system
OKLCH primitives · light-dark() · color-mix() · clamp() · JSON SoT
Design tokens live in design/tokens.json (see /design). Migration from legacy hex to OKLCH primitives is in progress.
Gap
- Motion
View Transitions API · @property · @starting-style · animation-timeline
View Transitions shipped and active on every same-origin nav. Scroll-timeline in place on the home shift beat. Motion library reserved for the architecture graph.
Advancing
- Performance
LCP < 1s · INP < 100ms · CLS 0 · Lighthouse ≥ 95 · CI-gated
Lighthouse-CI gate is BLOCKING as of 2026-09-16 (11 URLs, perf ≥ 0.85, a11y ≥ 0.95). Every PR that regresses fails to merge.
At elite
- Accessibility
WCAG 2.2 AA · axe-core CI-gated · reduced-motion · forced-colors
axe-core WCAG 2.2 AA is BLOCKING as of 2026-09-16. Every PR runs a full Playwright a11y sweep across the marketing pages and cannot merge on any violation.
At elite
- Assets
Dynamic edge OG images per page · AVIF+WebP fallback · video reduced-motion fallback
next/og site-wide OG image plus per-product OG images. All shipped and edge-rendered.
At elite
- Content substrate
Typed content registry · section-as-frame code organization · MDX for long-form
content/pages.ts is the typed source. Sections render as named components; long-form ships as MDX. Every customer-facing string is grep-addressable.
At elite
- Design substrate
Live /design · versioned doctrine · published charter
The style guide reads design/tokens.json at build time and renders it live. Same tokens the site consumes. No second source of truth.
At elite
- Observability
Web Vitals endpoint · error boundary · /how · build metadata
Web Vitals ship to /api/vitals via navigator.sendBeacon on every route. Error boundary at the layout tier. This page renders the build stamp below.
At elite
- Governance-as-code
Commit-message doctrine · pre-push hooks · doctrine enforced
Vocabulary CI-gated. Truth-claim retractions CI-gated. Retired-vocab patterns coming online. Commit messages carry decision trails.
Advancing
- Cutting-edge polish
Speculation Rules · View Transitions · scroll-driven animations · dark palette
Speculation Rules shipped for anticipatory prefetch. View Transitions on. Scroll-driven animations shipped on the home shift beat. Dark palette is the site register.
Advancing
Build stamp
Rendered by the same commit you are reading.
- Next
- v15.5.24
- React
- v19.1.0
- Commit
- d0e3250
- Rendered
- 2026-09-27
The site is the artefact
Every surface here holds the bar above.
The gates are the doctrine. The doctrine is the site. When a score improves, that row moves and this page ratchets.