5개 화면 갤러리
각 카드의 미리보기는 실제 화면을 0.42x 축소 임베드한 것입니다. 클릭으로 원본 + 명세를 엽니다.
디자인 토큰 & 진행 상태
brand-dna.json 미확정 단계의 임시 토큰 — 확정 후 :root CSS 변수만 일괄 교체.
임시 디자인 토큰 (Color)
5 화면 모두 공유. brand-dna.json 확정 시 한 번에 교체.
Hero — 신뢰 블루
--hero: #1F4E79
Sidebar / Topbar / 메인 CTA. Bobot 신뢰감 표현
Accent — 인수 권고 그린
--accent: #2E844A
강세/통과/Buy 배지, 양수 워터폴 bar
Warn — 리스크 오렌지
--warn: #B95000
부당승환/주의/Walk-away. 음수 워터폴 bar
Danger — 인수 보류 적색
--danger: #BA0517
자본잠식/Hard Floor/Pass 권고
Gold — Bobot 차별점
--gold: #F08A3E
Layer 6 (부활 풀 — Bobot 고유) / 권고 인수가 최종 강조
이슈 & 산출 상태
harness 이슈 ISS-039~051 — 디자인 트랙 진행 현황.
ISS-039 / DSN-00 — brand-dna 정의
IN_PROGRESS · 다른 곳에서 진행 중. 확정 후 모든 :root 토큰 일괄 교체
ISS-041 / DSN-01 — Dashboard 메인
완료 · 01_dashboard_main.html + spec.md
ISS-043 / DSN-02 — Layer 1 곡선
완료 · 02_layer1_retention.html + spec.md
ISS-045 / DSN-03 — 시나리오 비교
완료 · 03_scenario_compare.html + spec.md
ISS-047 / DSN-04 — Watch List
완료 · 04_watchlist.html + spec.md
ISS-049 / DSN-05 — Fair Value
완료 · 05_fair_value.html + spec.md
ISS-051 / DSN-06 — 인덱스 + 핸드오프
현재 문서 + HANDOFF.md
다음 — Claude Code CLI 구현
HANDOFF.md를 따라 Rails/Next.js 구현 (다른 곳에서 진행)
사용자 여정 — Stage 0 GA 인수 결정
인수팀 리드의 일반적인 흐름. 5 화면이 이 순서로 사용된다.
Step 1
후보 발굴
DSN-04 / B3
Step 2
평가 실행
DSN-01 / F1
Step 3
Layer 검증
DSN-02 / E1
Step 4
시나리오 점검
DSN-03 / G1
Step 5
인수가 확정 + LOI
DSN-05 / F2·F3