Skip to content

feat(design): 블루 리테마 (로고 #3E63D8 기반)#133

Merged
i3months merged 1 commit into
devfrom
feature/blue-theme
Jun 30, 2026
Merged

feat(design): 블루 리테마 (로고 #3E63D8 기반)#133
i3months merged 1 commit into
devfrom
feature/blue-theme

Conversation

@i3months

Copy link
Copy Markdown
Member

변경 사항

UI를 로고 색(#3E63D8 로열블루)에 맞춘 블루 계열로 전환. 디자인 시스템 토큰부터 교체. (기존: sage 웜 그린/베이지 모노크롬)

결정 (사용자 확정)

  • 쿨 블루그레이 중립 + 로고블루 primary 분리 — 중립색(배경/카드/본문)은 파랑 기운 저채도 그레이, primary/버튼/링크/강조만 쨍한 로고 블루. (logo blue를 그대로 중립에 쓰면 본문이 쨍해져 가독성↓ → 분리)
  • 토큰명 sage-* 유지, 값만 블루로bg-sage/text-sage 100여 곳 코드 변경 없이 자동 리테마(최소 변경·저위험).

변경

  • tokens.css: sage-50~950 → 쿨 블루그레이 램프(#EEF1F6 … #101627), --color-background #ECEEF3, --color-primary 를 스케일에서 분리해 #3E63D8(hover #3050BE / pressed #274099), 그림자·focus-ring 네이비/블루로 재조정.
  • 위젯 하드코딩 hex(home-*, site-nav/footer, DesignSystem 페이지) 일괄 새 램프로 치환(베이지 #E6DFD4 → 쿨 라이트 #DBE2EC 등).
  • DesignSystem Colors 색상표 + docs/design-system.md 팔레트·철학·변경이력 갱신(SSOT).
  • Status(success/warning/danger/info)·Domain(직군/면접유형) 컬러는 기능색이라 유지.

검증

  • npm run build 통과. lint는 기존 2파일(useTypewriter/useInterviewSocket) 외 신규 에러 없음.

비고

  • 콘텐츠 이미지(랜딩 배경 png 등)는 sage 톤이라 후속 교체 대상(코드 무관).
  • 프론트 전용 — DB/백엔드/마이그레이션 영향 없음.

🤖 Generated with Claude Code

UI를 로고 색에 맞춘 블루 계열로 전환. 디자인 시스템 토큰부터 교체.

- tokens.css: sage-* 스케일 값을 쿨 블루그레이 모노크롬(저채도, 중립/본문용)으로 교체
  (토큰명 유지 → bg-sage/text-sage 100여 곳 자동 리테마). primary 를 스케일에서 분리해
  로고 블루(#3E63D8, hover #3050BE, pressed #274099)로 지정 → 본문 가독성 유지하면서
  버튼·링크·강조만 쨍한 블루. 배경 #ECEEF3, 그림자/포커스링 네이비·블루로 재조정.
- 위젯 하드코딩 hex(home-*, site-nav/footer, DesignSystem) 일괄 새 램프로 치환.
- DesignSystem Colors 표 + docs/design-system.md 팔레트·철학·변경이력 갱신.
- Status/Domain 컬러는 기능색이라 유지. npm run build 통과, lint 기존 2파일 외 clean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
stackup Ready Ready Preview, Comment Jun 29, 2026 5:43pm

@i3months i3months merged commit d4d05f4 into dev Jun 30, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant