Development Log — 2026-08-16 · Public Gateway v0.3

What happened

Upgraded the multi-page public surface into an observation interface driven

by coordinates and one motion grammar — without touching the public-safe

boundary.

  • Coordinate layout system. Every page now has a layout map under

web/assets/data/<page>.layout.json (macro grid → zones → micro anchors).

The coordinate engine (web/assets/js/coordinate-engine.js) stamps zones

with data-zone / data-layer / data-motion / data-rgbm-role and

applies inline grid placement. CSS keeps the no-JS fallback.

  • Motion token system. web/assets/data/motion.tokens.json defines

durations, easing, distance, stagger, pulse and scan. The motion engine

re-applies them as CSS custom properties and runs the 14 presets:

hero-reveal, section-frame-expand, grid-fade-in, card-rise, card-shift,

line-trace, label-flicker-soft, status-pulse, roadmap-stagger, footer-scan,

nav-active-trace, background-scan, focus-ring-expand, panel-depth-enter.

  • Reveal system. Sections reveal on enter via IntersectionObserver

with sequential handoff and per-card stagger, gated behind html.js so

no-JS renders stay visible.

  • Layered field background. Grid, scan lines, slow sweep, faint glow and

axis captions behind a clear content layer (viewport engine + motion.css).

  • Page re-composition. Home is an 8-zone flow (01 HERO FIELD → 08 FOLLOW

THE BUILD); architecture gets a motion-based one-way diagram; research is a

field with a category filter; status is a block-by-block readout; roadmap

is a planning matrix with a progression line.

  • Navigation + footer. Active-state motion line, hover feedback, page

identity label, mobile collapse; terminal footer with a live zone cursor

and scan sweep.

  • Accessibility. prefers-reduced-motion: reduce switches to instant

reveal and disables idle animations; decorative layers are aria-hidden.

  • Responsive. Tablet/mobile stack the same layout maps into a scrollable

document; dense chrome is dropped at narrow widths.

  • Verification. New motion-system and coordinate-layout test groups

(10 total).

Verification

  • npm run build — content → public-data → web/public-data
  • npm run check — boundary + routes + navigation + display + rgbm + motion

+ coordinates + contracts + validation + privacy tests

Next

  • Article / development-log detail pages (routes are reserved)
  • Further visual polish on the architecture motion diagram