asset.crowny.org 디자인 개선 — tiomta 어스톤 디자인 시스템 이식
개요
asset.crowny.org 전체(메인 + 하위 6페이지)를 tiomta.com 메인페이지의 디자인 언어(따뜻한 어스톤 + 세리프 + 듀얼테마)로 통일 리스킨. 콘텐츠·기능 100% 보존.
참고 원본
- tiomta.com (
/Users/ef/crowny-tiomta/public/index.html) — 티옴타 디자인 표준 v1.0
- 어스톤 팔레트: 라이트 크림
#F4EFE2 / 다크 초콜릿 #211711, 골드 #B58A4A·#D8C29A, 코랄 #E0857C
- 폰트: Pretendard(본문) + Noto Serif KR(헤딩) + JetBrains Mono(모노)
- 시그니처: 시스템선호 자동감지 + localStorage 테마 토글, eyebrow 라벨, r/s/shadow 스케일,
--ease cubic-bezier
Before → After
- Before: 차가운 다크 단일테마 (
--bg:#07070c 흑, --accent:#5b8cff 블루, 산세리프)
- After: tiomta 어스톤 듀얼테마 (라이트 크림 기본 + 초콜릿 다크 토글, 골드+코랄, Noto Serif KR 헤딩)
무엇을 했는지
메인 index.html (직접 작업)
<style> 앞 폰트 <link> 3줄 + 테마 사전적용 스크립트(FOUC 방지) 삽입
:root 라이트 어스톤 + [data-theme="dark"] 초콜릿 다크 토큰 블록 교체
- body 폰트 Pretendard Variable 스택 + 전환 트랜지션,
h1,h2,h3 세리프 위계, .mono JetBrains
- 하드코딩 다크 리터럴 토큰화: 헤더 bg→
color-mix(var(--bg) 88%), #15100a/#1a1405→var(--on-accent), 모달 오버레이→color-mix(var(--choco) 80%), rgba(255,255,255,0.04)→var(--card), diag-band 블루 그라데→코랄
- 헤더 🌙/☀️ 테마 토글 버튼 +
toggleTheme/syncThemeIcon JS
- 히어로/섹션 헤딩 반응형 clamp + serif weight 700 정렬
하위 6페이지 (병렬 sonnet 서브에이전트 — 모델분업: 프론트=속행집사)
team · clinic · insights · chat · learn · scripts 에 index.html을 정본으로 동일 변환 적용.
- 페이지별 고유 변수 보존: chat/learn
--blue, learn --amber+--max-w:860px, scripts --surface/--gold2/--success/--warn/--danger, team/clinic/insights --max-w:1100px
검증 결과 (전수)
- 7개 파일 태그 균형(style/script) 정상,
:root×1·[data-theme="dark"]×1·themeBtn·toggleTheme·Noto Serif 모두 존재
- 잔존 차가운 다크 리터럴 0
- 참조 변수 전부 양 테마 정의(미정의 0 → 깨짐 없음): scripts
--surface(참조16)·--gold2(6)·--danger(4) 등 충족
- max-w 페이지별 보존
- 공개 게이트웨이 7페이지 전부 HTTP 200
- 콘텐츠 보존: 정덕천·박진수·전화번호·예약폼/
/api/booking·채팅 JS·서비스 카피 무변경, server.js/data 미접촉
관련 파일
/Users/ef/crowny-asset/web/{index,team,clinic,insights,chat,learn,scripts}.html
- 정본 참고:
/Users/ef/crowny-tiomta/public/index.html
잔여 이슈 / 참고
- LaunchAgent 서빙
Cache-Control: max-age=300 — 사용자단 최대 5분 캐시(강력새로고침으로 즉시 반영)
.한선 동반 페이지(web/*.한선)는 이번 디자인 변경 미반영(서빙은 .html이 정본). 필요 시 후속 동기화 대상
- 기본 테마=시스템 선호(없으면 다크) → 사용자 토글 시 localStorage 영속