Specification + visual design + incremental implementation

Ratified sequence

full target specifications
  → HTML + diagrams + cross-links + Decisions
  → I0..I9 realization cross-check
  → exact high-fi for current increment
  → spec/high-fi review
  → implement complete increment
  → focused verification
  → dogfood
  → next increment

Full specifications

Architecture, domains, major workflows, UI/pages and contract/schema ownership are fully specified before I0 implementation materially begins. Each spec exposes Target State, Invariants From Day 1, Increment Realization, Current Implementation State, Deferred Realization, Temporary Dogfood Behavior and Decisions/ADRs.

High-fidelity design

Exact high-fi is increment-gated. A page may have its complete target behavior specified now while its exact I5 or I8 frames are produced later. No state is implemented before the relevant high-fi is approved.

target page behavior        specified now
product shell / IA          specified now
shared visual language      defined before first UI implementation
current increment frames    approved before code
future increment frames     approved before their code

Whole-product coherence

The product shell, navigation model, whole-product information architecture and major page relationships are defined before the first UI implementation so an early polished slice cannot create a visual dead end for later Planning, CI, Release, Cluster or Incident surfaces.

Two gates

Human-readable source of truth

Every canonical spec has a complete HTML companion with diagrams, stable hyperlinks, realization navigation, Decision/ADR links and approved mockups. INDEX.html is the human root.