Skip to main content

v0.6 Narrative UI Redesign — Frozen Design Reference

Captured: 2026-04-18 (rolling — last update via PROMPT-A-STRUCTURAL round) Origin: claude-design-pilot/v0.1.final/ on redesign/v06-pilot (before that branch was cleaned via SecurityV0/sv0-platform#1143) Driver issue: SecurityV0/sv0-platform#410 Canonical spec: docs/product/positioning/north-star.md (v1.0-DRAFT, 91 clauses O-N/B-N/C-N/X-N/Q-N) — supersedes any spec text in PLAN.md or worksheet files from the pilot driver bundle. Original Claude Design pilot spec PR: SecurityV0/sv0-documentation#180

What this is​

The frozen HTML/CSS prototype of the v0.6 narrative UI that the SecurityV0 platform implementation was built against. These are not iteration drafts — they're the "source of truth" snapshot that PLAN.md (claude-design-pilot/PLAN.md on pilot, now archived locally) declared as the visual target for Overview / Brief / Access-chain detail / Risk Clusters / Exposures / Drift surfaces.

Why it's archived here​

The pilot driver bundle (claude-design-pilot/ directory, 102 files) was removed from redesign/v06-pilot in PR SecurityV0/sv0-platform#1143 before the pilot → main merge. The bundle mixed working artifacts (founder-copy worksheets, Claude Design prompts, session notes) with the frozen design freeze. Per AGENTS.md § Conventions and the local-only memory rule on session notes, working artifacts belong in ~/dev/securityv0/.scratch/, not in the canonical repo. But the frozen design freeze has lasting reference value for:

  • Design-contract reviewers comparing implementation vs the original target
  • Future iterations needing to know "what was v0.6 supposed to look like"
  • Onboarding new contributors to the narrative-UI design system

Contents​

docs/design/2026-04-v06-narrative-ui/
├── INDEX.md              ← you are here
├── README.md             ← original v0.1.final README (deploy + slug-truncation notes)
├── chats/                ← anonymized Claude Design conversation transcripts (1 file)
└── project/              ← the frozen design freeze
    ├── COMPONENTS.md     ← component inventory and design-token usage
    ├── QUESTIONS.md      ← open questions at v0.1.final freeze time (most resolved since)
    ├── shared/           ← tokens.css + shared assets
    ├── screens/          ← 12 reference screenshots (PNG)
    └── *.html            ← 7 freeze surfaces:
        ├── overview.html
        ├── brief.html
        ├── chain.html
        ├── clusters.html
        ├── exposures.html
        ├── drift.html
        └── index.html (router landing)

How to view​

These are self-contained static HTML files with relative CSS/JS imports. To view locally:

cd docs/design/2026-04-v06-narrative-ui/project
python3 -m http.server 8000
# then open http://localhost:8000/index.html

The original Cloudflare Pages deploy used branch slug claude-design-pilot-v0-1-final (note: the 28-character slug-truncation gotcha — …-fin ≠ …-final internally on Cloudflare even though they alias to the same URL).

Cross-references​

  • Implementation umbrella: SecurityV0/sv0-platform#1137 (pilot → main merge prep)
  • Pilot driver cleanup: SecurityV0/sv0-platform#1143
  • Original Claude Design spec PR: SecurityV0/sv0-documentation#180
  • North-star clauses governing the implementation: O-N (Overview), B-N (Brief), C-N (Chain), X-N (Clusters), Q-N (open questions)