← 목록
기타 2026-06-21 4KB 읽기 4분

티옴타 디자인 표준 v1.0 등록 + 보고서 적용

개요

데스크탑 「티옴타 디자인 시스템/런칭 티저 (standalone).html」(클로드디자인)에서 디자인 시스템 추출 → 정본 CSS로 등록 + report.crowny.org에 적용.

산출물

  • 정본 CSS: /Users/ef/crowny-tiomta/public/css/티옴타디자인표준.css (서빙 https://tiomta.com/css/티옴타디자인표준.css). 토큰(Choco/Cream/Gold/Ink)+시맨틱별칭+다크+컴포넌트(.tds-*).
  • 소스 아티팩트 보존: crowny-tiomta/public/design/티옴타-디자인-시스템.html, 티옴타-런칭-티저.html (tiomta.com/design/ 서빙).
  • 스펙: crowny-tiomta/design/티옴타디자인표준-spec.md.

보고서 적용 (report.crowny.org)

  • CLAUDE.md에 "티옴타 같은 디자인 토큰을 report에 적용" 설계 명시 → 새 표준으로 교체.
  • crowny-report/public/css/report.css :root 값만 리맵(변수명 948줄 유지 → 골격 무수정 일괄 적용). 라이트=크림/골드/잉크, 다크=초콜릿 베이스. 폰트 import를 Pretendard+Noto Serif KR+JetBrains Mono로 교체. 라디우스 6/10/14→12/18/28. 4상 O=브래스 골드로 정렬.
  • report에도 표준 CSS 사본 배치(crowny-report/public/css/티옴타디자인표준.css).

검증

표준 CSS 200, report.css 리맵 라이브(#F4EFE2/#B58A4A), report / 200.

팔레트 핵심

Choco #3B2A1D · Cream #FBF7EE~#E2D8C4 · Gold #B58A4A · Ink #2B2018. Pretendard+Noto Serif KR. crowny.org 패밀리(골드 #C9A961)보다 따뜻.

잔여

  • tiomta.com 본체/미디어는 현재 골드(#C9A961) 패밀리 — 티옴타 표준(#B58A4A)으로 점진 통일 여부는 선택(브랜드 결정).

tiomta.com 본체 완전 적용 (2026-06-21, 사용자 "완전히 — 비율·폰트·배치·색상 모두")

색상만이 아니라 전 차원 적용:
  • 색상: index.html :root 라이트+다크 전면 교체 (크림 #F4EFE2 / 브래스 #B58A4A / 초콜릿 #3B2A1D / 잉크 #2B2018). 옛 골드 #C9A961 패밀리 제거.
  • 폰트: Pretendard(본문) + Noto Serif KR(디스플레이, --serif) + JetBrains Mono CDN 로드. 헤더 로고·제목·카드명·히어로 세리프.
  • 비율/타이포: 표준 타입스케일(히어로 clamp(30~52px) 세리프 tight tracking + 에이브로우 0.18em 와이드트랙 대문자), 8px 스페이싱(--s-1~10), 라디우스 r-md 18/r-lg 28, line-height 1.6, body 820px.
  • 배치: 허브를 에디토리얼 히어로(에이브로우→세리프 타이틀→서브)+크림 카드 그리드(minmax 220, gap 16, choco/gold 아이콘 타일 48px)+평가패밀리 푸터. 버튼 pill+on-accent 크림텍스트, 유저버블 choco.
  • 미디어: tiomta-media.css :root도 동일 표준.
  • 검증: #F4EFE2/#B58A4A/#3B2A1D/hub-eyebrow/Noto Serif KR 전부 라이브, 공개 200.

월드·앱·로그인·메신저 정리 (2026-06-21, "메인 좋다, 나머지도")

  • 앱(/app.html): :root 라이트+다크 토큰 리맵, 하드코딩 #C9A961/#D97757→#B58A4A/#B5524A, #fff→on-accent, Söhne/Tiempos→Pretendard/Noto Serif KR, 버튼 pill. (에이전트, 백업)
  • 월드(/media/world 3 CSS): 129색 교체, 초콜릿 다크 나이트 배경(몰입 유지), TOAU 4상색 보존, 폰트 표준. (에이전트, 백업)
  • 로그인 모달(index.html): var() 토큰 상속 + --bg2 미정의 버그 수정(→bg-card 크림 surface). 버튼 pill+on-accent(기존).
  • 크라우니메신저 위젯(index.html): 옛 골드 글로우 rgba(201,169,97)→브래스, #fff→크림(on-accent), 💬 이모지 제거(헤더→✳ 브랜드마크, 플로팅버튼→채팅 라인SVG).
  • 검증: app/world 200+#B58A4A, index 200, 💬 0/옛골드 0/--bg2 0. 백업 전부 보유.