---
title: "📓 작업일지 — APEX 톤앤매너 본편 채택(데모 선반영 → main 패치)"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-18"
priority: "High"
purpose: "달록의 새 디자인 톤앤매너(APEX, 다크 에메랄드·라이트 딥 에메랄드)를 데모에서 검증한 뒤 main에 채택 반영한 기록. 랜딩 페이지 재작성과 전앱 색상 토큰 교체를 포함하며 색상·스페이싱 가드 부채 0을 유지했다."
read_when: ["APEX 톤앤매너", "apex-theme.css", "landing-apex.css", "에메랄드 러너", "스튜디오 우선순위 보존"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260718_183548"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 25c87d9(2026-07-18). Codex GO 검수 반영."
---

# 작업일지 — APEX 톤앤매너 본편 채택

> 데모(demo-dallog)에서 먼저 검증한 새 디자인 톤앤매너(APEX, 다크 에메랄드·라이트 딥 에메랄드)를 배포 거버넌스 원칙에 따라 main에 패치했다. Codex GO 검수를 받았다.

## 1. 무엇을 했나

- **랜딩 페이지 재작성** — `src/pages/LandingPage.tsx`를 대폭 재작성(+/-약 500줄)하고 전용 스타일시트 `src/pages/landing-apex.css`(318줄) 신설.
- **전앱 색상 토큰 교체** — `src/styles/apex-theme.css`(101줄) 신설. 다크 에메랄드·라이트 딥 에메랄드 톤을 전앱에 적용.
- **에메랄드 러너 아이콘 신설** — `public/icons/dallog_runner_black_on_emerald.svg` 추가(파비콘 등 후속 적용의 기반이 됨, 파비콘 자체 적용은 뒤이은 별도 커밋 `e1f243a`에서 처리).
- **가드 부채 0 유지** — `colorTokenGuard.test.ts`·`spacingTokenGuard.test.ts`에 검증 케이스 추가, 토큰맵 체제 규율(색상 color-mix·spacing 토큰화) 안에서 진행.
- **스튜디오 우선순위 보존** — 스튜디오(studio.css·components/studio/*) 영역은 헌법 §4 격리 대상이라 본 톤앤매너 작업의 영향 밖에 둠.

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/pages/LandingPage.tsx` | 랜딩 페이지 재작성(504줄 변경) |
| `src/pages/landing-apex.css` | 랜딩 전용 APEX 스타일시트 신설(318줄) |
| `src/styles/apex-theme.css` | 전앱 APEX 색상 토큰 신설(101줄) |
| `public/icons/dallog_runner_black_on_emerald.svg` | 에메랄드 러너 아이콘 신규 추가 |
| `src/main.tsx` | 테마 적용 진입점 수정 |
| `index.html` | 관련 값 1줄 수정 |
| `src/styles/colorTokenGuard.test.ts` / `spacingTokenGuard.test.ts` | 가드 테스트 보강 |

## 3. 관련 커밋

- `25c87d9` feat(design): APEX 톤앤매너 본편 채택(데모 선반영) — 랜딩 재작성+전앱 토큰(다크 에메랄드·라이트 딥 에메랄드)·가드 편입 0부채·스튜디오 우선순위 보존 (Codex GO) (2026-07-18)

## 4. 남은 이슈

커밋 기준 별도로 언급된 남은 이슈는 없음. 파비콘 자체의 main 적용은 4분 뒤 별도 커밋(`e1f243a`)에서 이어졌다.