Exhibition hall

Specimen 006/006

  • Status Archive · Verified
  • Ref ENG-006
  • Sector Design
  • Log entries 08
  • Trace Intact
The site's landing scene, captured live from the running build. A floating terraced island of hexagonal basalt columns rises out of a pale sand plane ruled with faint hexagonal gridlines, planted with moss, clipped topiary spheres and small red-leafed trees. A glowing gold wing emblem crowns the central column. Gold and blue wireframe polyhedra — icosahedra, tori, cones — drift through the surrounding space against a deep navy gradient. Over the scene sit the wordmark SARIF CONSULTING at upper left, a nav row reading About, Engagements, Services, Praxis, Lexicon, Contact, and a scrolling capability ticker. The headline SARIF CONSULTING is set large in yellow at centre, above a bordered call to action reading Augment Your Intelligence.

Mandate

The brief was a website. What we built was an environment — a real-time 3D lobby you walk into rather than a page you scroll, rendered in the browser at device pixel ratio. First light took 48 working hours, concept to production deployment.

Then we spent twice that again on the part nobody sees. The interesting engineering was not the lobby; it was making a WebGL environment behave like a text document — fast on first paint, legible without JavaScript, navigable without a mouse, and safe under a strict Content-Security-Policy.

The site is now its own proof surface. It is the reference implementation for how we work: every claim on it is checked by a build gate, and the gates were written because each of them once caught something we had gotten wrong.

Operations log

  1. Real-time WebGL lobby — four Meshopt-compressed GLB scenes, atmospheric particle systems and drifting wireframe geometry, rendered at device pixel ratio

  2. The 170 KB renderer is absent from the critical path: the landing document is 9.0 KB gzipped, and three.js is dynamically imported only after first paint, behind a reveal veil that lifts on the first committed GPU frame

  3. Fail-closed progressive enhancement — a static SVG lobby for reduced-motion and no-WebGL clients, and a module-load failure that resolves the veil rather than holding the page hostage

  4. Strict CSP with build-time hash injection: 12 sha256 tokens generated per deploy, with the three unavoidable relaxations documented against the exact rendering failure each one prevents

  5. Accessibility treated as a rendering constraint, not a checklist — 48 reduced-motion style blocks and 13 runtime motion guards, live regions, skip links, and a published WCAG 2.1 AA conformance statement naming its own limitations

  6. Serverless edge backend across 19 Workers functions — contact transmission, DSAR handling, scheduled data purge, CSP violation reporting and Web Vitals capture

  7. Eighteen build sentinels gating every deploy on HTML and bundle budgets, dist image and GLB weight, media integrity and reference resolution, CSS syntax, machine-readable time semantics, environment posture, bot-protection coherence, cross-collection claim integrity, client-identity confidentiality, priced-catalogue coherence and dossier truthfulness — including one that audits this dossier against the repository, because a countable claim has no excuse for being wrong

  8. 26 routes, 52 end-to-end tests, ~49,000 lines. First light in 48 working hours; the rest of the time went into the part nobody sees.

Initiate Contact View Services