크라우니EV UI 스펙 추출
개요
ev.crowny.org:9616(크라우니EV — 테메라리오 동급 T-프레임 위 외관 커스텀 주문제작) 디자인 핸드오프 파일(
Crowny EV.dc.html, 938줄, DC 컴포넌트 포맷)을 정독해, 픽셀 재현에 필요한 UI 스펙 문서를 작성했다. 서브에이전트(Sonnet) 단일 실행, 코드 생성 없이 순수 문서화 작업.
무엇을 했는지
/Users/ef/Downloads/design_handoff_crowny_ev/Crowny EV.dc.html 전문 정독 (2회 Read, 938줄)- 다음 6개 축으로 스펙 추출:
- 전체 레이아웃(헤더/좌측팔레트12툴/중앙뷰포트/우측패널) + 뷰 6개(측면/프론트/컬러/성능/주문/부품분해) DOM 구조
- 파라메트릭 SVG 지오메트리 — side(
car.bodyD 등)·front(
fv)·exParts(분해도 21부품) 계산식을 좌표 수준 원문 인용
- 페인트 그라디언트·피니시 3종 하이라이트강도·랩핑 4종 SVG path·라이트 시그니처 3종(A/B/C) path
- 분해 슬라이더(0-100%)·뷰포트↔BOM트리 클릭 동기화·계층분해 L0-L8 브레드크럼
- 디자인 토큰 전부(브랜드/액센트/패널/뷰포트다크/좌표텍스트/강조/OK/DRL/테일 등) + 반복 CSS 클래스 팩토리(chipCard/chipS/swStyle/accSw/modBadge)
- 집사(디컨) 입력창 파싱규칙·토스트 트리거 지점·감사로그 인디케이터 UX
- 6뷰 커버리지 체크리스트로 마감, 잔여 이슈(DC 포맷↔정적 구현 이식 시 주의점) 별도 기재
관련 파일
- 산출물:
/Users/ef/crowny-ev/스펙-UI.md
- 원본(입력):
/Users/ef/Downloads/design_handoff_crowny_ev/Crowny EV.dc.html
- 코드루트:
/Users/ef/crowny-ev (data/ public/ logs/ 기존 생성됨, 이번 작업에선 미변경)
잔여 이슈
- 스펙 문서만 작성됨 — 실제 dc.html→정적HTML(또는 한선씨+웹서버v2) 픽셀 재현 구현은 미착수
- DC 포맷 특유 문법(sc-for/sc-if/{{}}/style-hover)을 어떤 스택으로 이식할지(순수 HTML+JS vs 한선씨 서버사이드 렌더) 결정 필요
- 크라우니코드 lookup/learn: 본 작업은 코드 생성이 아닌 문서 추출이라 미적용(해당 시 다음 구현 단계에서 적용)
</content>