UI 디자인 crowny.org 귀속 (SSOT)

개요

크라우니 모든 사용자 서비스의 UI 디자인 시스템을 crowny.org가 호스팅하는 단일 정본(SSOT)으로 귀속. 이전에는 각 서브도메인이 자기 CSS 사본을 따로 가지고 있었음.

정본 위치

• 도메인: crowny.org
• 파일: /Users/ef/crowny-ai/public/assets/crowny.css
• 절대 URL: https://crowny.org/assets/crowny.css
• 로컬: http://localhost:9852/assets/crowny.css
• 호스트 서버: crowny-ai (포트 9852)
• 자가검증: /Users/ef/crowny-ai/public/assets/crowny-design.한선 (7/7 PASS)
• 크기: 13.3 KB · 452줄

표준 토큰 (정본 일부)

• light bg=#FAF9F7 / card=#FFFFFF / soft=#F4F1ED / border=#E5E2DD
• dark bg=#0F0D14 / card=#1A1622 / border=#2A2435
• accent=#C9A961 (gold-tan) · dim=#A08840
• TOAU: T=#22A06B / O=#C9A961 / A=#D93025 / U=#7C6CDB
• font: Pretendard Variable · mono: JetBrains Mono
• radius: 8/12/16/999 · shadow: Claude.ai 스타일

귀속 패턴 2가지

A. Symlink (같은 호스트 기기)

bashrm /Users/ef/crowny-bank/web/assets/bank.css
ln -s /Users/ef/crowny-ai/public/assets/crowny.css \
      /Users/ef/crowny-bank/web/assets/bank.css

• 페이지 link href="/assets/bank.css" 그대로 유지
• 정본 1개 수정 → 모든 페이지 동시 반영
• 디스크 1번 읽기, 캐시 친화적

B. 절대 URL (다른 호스트의 서브도메인)

html<link rel="stylesheet" href="https://crowny.org/assets/crowny.css">

• crowny-ai server에 /assets/* CORS 와이드카드 부착 (next 재기동 시 적용)
• 캐시 헤더 Cache-Control: public, max-age=86400 자동
• 운영 배포 표준 형식

작업 내역

1. /Users/ef/crowny-ai/public/assets/ 디렉토리 생성
2. crowny.css 정본 배치 + SSOT 헤더 (정본 위치·귀속 표시)
3. crowny-bank/web/assets/bank.css → 정본 symlink 전환
4. crowny-ai/server.js 정적 자산 서빙에 CORS 헤더 추가
5. crowny-design.한선 자가검증 작성 (7/7 PASS)
6. 학습DB에 design_SSOT_crowny_symlink 패턴 등록

검증

$ curl -s -o /dev/null -w "%{http_code}\n" http://localhost:9451/assets/bank.css
200
$ curl -s -o /dev/null -w "%{http_code}\n" http://localhost:9852/assets/crowny.css
200
$ head -3 /Users/ef/crowny-bank/web/assets/bank.css
/* crowny.css — Crowny 통일 디자인 시스템 v2 (SSOT)
   정본 위치: crowny.org (이 파일)
   참조: 모든 사용자 서비스 서브도메인 (bank, market, pay, talent, ...)

귀속된 서브도메인 (2026-05-28 현재)

서브도메인	페이지 수	귀속 방식	상태
bank.crowny.org	6 (index/talent/talent-admin/wallet/redeem/monitor)	symlink	LIVE

다음 귀속 후보

• market.crowny.org
• pay.crowny.org
• talk.crowny.org (메신저)
• church.crowny.org
• play.crowny.org

각 도메인 작업 시:

1. 기존 css 검토 → 새 토큰으로 마이그레이션 (legacy alias 활용)
2. symlink 또는 절대 URL 선택
3. 페이지 HTTP 200 + 라이트/다크 토글 시각 확인
4. 한선씨 동반 자가검증

관련 파일

• 정본: /Users/ef/crowny-ai/public/assets/crowny.css
• 자가검증: /Users/ef/crowny-ai/public/assets/crowny-design.한선
• 서버: /Users/ef/crowny-ai/server.js (CORS 헤더 부착)
• 첫 귀속: /Users/ef/crowny-bank/web/assets/bank.css (symlink)
• 메모리: feedback_design_standard_origin.md

잔여 이슈

• crowny-ai 서버 재기동 후 CORS 와이드카드 실제 적용 확인
• 다른 서브도메인(market, pay, talk, church, play 등) 순차 귀속
• crowny-gateway에 /assets/* 캐시 헤더 강화 (max-age 1주일 등)
• 정본 변경 시 자동 sync 또는 broadcast 메커니즘 (현재는 symlink로 즉시 반영)