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.

  1. 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

  2. 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

  3. 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

  4. 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

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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

  11. 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

  12. 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.

How this was built — Nebbos