← 목록
자산 2026-06-21 3KB 읽기 4분

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 (직접 작업)

  1. <style> 앞 폰트 <link> 3줄 + 테마 사전적용 스크립트(FOUC 방지) 삽입
  2. :root 라이트 어스톤 + [data-theme="dark"] 초콜릿 다크 토큰 블록 교체
  3. body 폰트 Pretendard Variable 스택 + 전환 트랜지션, h1,h2,h3 세리프 위계, .mono JetBrains
  4. 하드코딩 다크 리터럴 토큰화: 헤더 bg→color-mix(var(--bg) 88%), #15100a/#1a1405var(--on-accent), 모달 오버레이→color-mix(var(--choco) 80%), rgba(255,255,255,0.04)var(--card), diag-band 블루 그라데→코랄
  5. 헤더 🌙/☀️ 테마 토글 버튼 + toggleTheme/syncThemeIcon JS
  6. 히어로/섹션 헤딩 반응형 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 영속