요청: abti-클로드밸런스-디자인정렬

• 날짜: 2026-06-10 00:40:41
• 작업 경로: /Users/ef/crowny-mpti

요청 본문

ABTI(abti.crowny.org:9811)를 클로드 밸런스 디자인으로 정렬. public 메인/테스트/결과 디자인 토큰 교체, 평가 패밀리 교차 네비 추가, 로직/API 보존

관련 산출

(클로드가 작업 결과를 이어 기록)

---

산출 결과 (완료)

ABTI(abti.crowny.org:9811) 디자인 표면을 클로드 밸런스로 정렬 완료. 평가 로직/16유형 산출/API 무수정.

before (기존 톤)

• 라이트 전용: 진주 배경 #FAF7F2, 브론즈 accent #A8874A, Cormorant Garamond 디스플레이 폰트
• 다크모드 없음, 테마토글 없음, ✳ 마크 없음
• (참고) crowny-tokens.css는 골드 #C9A961 + 보라틴트 다크 #0F0D14 — 표준과 불일치

after (클로드 밸런스)

• 라이트 warm kraft #F4F2EC / 카드 #FBFAF7 / soft #EDEAE0 / border #E3DFD3, text #1F1E1C/#6E6A60/#A6A092
• 다크 warm kraft #1F1E1C / card #262521 / border #393631, text #F0EEE6
• 코랄 accent #D97757(dim #C2603F), 골드 #C9A961
• 폰트: Söhne/Pretendard(body) + Tiempos Text/serif(디스플레이=로고/슬로건/결과명/섹션 헤딩)
• ✳ 스파클 헤더 마크 + ☾/☀ 테마토글(localStorage abti-theme + prefers-color-scheme)
• 평가 패밀리 교차 네비 바: 티옴타테스트/MPTI/AMTI/ABTI(현재)
• 브론즈 틴트 rgba(168,135,74)→코랄 rgba(217,119,87) 일괄 치환, 하드코딩 헤더배경→color-mix 테마대응
• 결과 visual aura 다크 변형 추가, 통계 막대 블렌드 코랄화

수정 파일 (디자인 표면만)

• /Users/ef/crowny-abti/public/index.html
• /Users/ef/crowny-abti/public/types.html
• /Users/ef/crowny-abti/public/stats.html
• /Users/ef/crowny-abti/public/css/style.css
• /Users/ef/crowny-abti/public/css/crowny-tokens.css

검증

• JS 문법검사: app.js, ecosystem-switcher.js, 3개 HTML 인라인 스크립트 전부 통과
• 헤드리스 스크린샷: index 라이트/다크, types 라이트, stats 다크 — 모두 클로드 밸런스 정상 렌더
• 서버 200, /api/stats 정상(평가 산출 보존), 타 repo/서비스 미접촉

잔여 이슈

• types.html 16유형 카드 그리드는 i18n.js 비동기 로딩 후 렌더(헤드리스 4.5s 타임버짓 내 일부 미로딩) — 토큰/헤더/타이틀 스타일은 정상 적용 확인
• 서버 재시작 불필요(정적 파일 즉시 반영)