SYMPO STUDIO — 브랜드 아이덴티티 도입 + 다크 인트로 페이지

브랜드 토큰 (FE-10)

셸(콘솔·에디터·리포트·내비)이 그레이스케일뿐이었다. OKLCH 205도 틸 브랜드 토큰(brand/brandPress/brandSoft)을 lib/ui.ts에 추가했다 — 기존 테넌트 프리셋 5종(hue 72/158/252/305/255)과 겹치지 않는 값으로 골랐다. Logo.tsx를 새로 만들어서 이미지 파일 없이 div 3개로 로고 마크(LogoMark)와 워드마크 락업(LogoLockup)을 그렸다.

브랜드색은 "선택 상태·프라이머리 액션에만" 규칙으로 한정해서 적용했다. 참가자용 마이크로사이트(Microsite.tsx)는 원래부터 테넌트 색과 도구 색을 분리하고 있어서 손대지 않았고, 헤드리스 브라우저 스크린샷으로 브랜드색이 실제로 안 섞이는 걸 확인했다.

다크 인트로 페이지 (FE-11)

/intro에 다크 톤 소개 페이지를 만들었다. 문제 정의 문구는 아직 병합 안 된 problem-redefinition 브랜치의 정정된 README를 근거로 썼다 — main의 README는 실제 현장 경험(field-experience.md) 검증 결과 4개 주장 중 3개가 허구였다고 밝혀진 옛 버전이라, 그대로 옮기면 이미 정정된 주장을 새 페이지에 다시 심는 셈이었다.

콘솔·에디터·뷰어·리포트 스크린샷 4장은 정적 목업 대신 헤드리스 브라우저로 실제 화면을 캡처해서 넣었다. 그 과정에서 LogoLockup이 라이트 셸 색(UI.ink)을 고정값으로 쓰고 있어서 다크 배경에서 워드마크가 안 보이는 버그를 발견했다 — ink/sub prop을 받도록 고쳐서 라이트/다크 양쪽에서 재사용 가능하게 만들었다.