# CBMC LINK 디자인·제품 결정 기록

기준일: 2026-09-22  
적용 버전: Foundation v0.2

## 결정 상태

- **Approved** — 사용자 승인 완료. 구현과 디자인의 기본값.
- **Provisional** — 사용자가 미정으로 남겼으나 다음 작업 진행을 위해 채택한 가역적 기본값.
- **Deferred** — MVP 범위 밖. 필요 시 별도 결정.

## 승인된 결정

| ID | 질문 | 결정 | 상태 | 설계 영향 |
|---|---|---|---|---|
| D01 | 1순위 독자 | 기존 한국CBMC 회원 | Approved | 첫 화면은 조직 설명보다 최신 Issue와 기사 접근을 우선한다. |
| D02 | 첫 행동 | 기사 읽기 | Approved | Hero, 헤더, 첫 섹션의 Primary CTA를 기사 읽기로 통일한다. |
| D03 | Canonical 콘텐츠 화면 | V2 | Approved | 기사 URL, SEO, 공유, 검색엔진 인덱싱의 기준은 V2다. V3는 특집 리더다. |
| D04 | 제목·요약 길이 | 하드 제한 없음 | Approved | CMS 문자수 제한과 강제 말줄임표를 사용하지 않는다. 레이아웃이 콘텐츠 길이에 적응한다. |
| D06 | V3 모바일 조작 | 버튼 | Approved | 이전/다음 버튼을 항상 제공하며 swipe나 책 모서리 조작을 필수로 하지 않는다. |
| D08 | 영문 Kicker | 편집 선택 | Approved | 한국어만으로 의미가 완결되어야 하며 영문 라벨은 선택 장식이다. |
| D09 | 검색·필터·아카이브 | MVP 제외 | Approved | MVP 내비게이션과 템플릿에서 제외하고 콘텐츠 규모 증가 후 도입한다. |
| D12 | 공개 `/admin` 링크 | 제거 | Approved | 공개 헤더·푸터·리더에서 관리자 링크를 노출하지 않는다. 관리자 접근은 별도 URL을 직접 사용한다. |

## 가역적 기본값

### D05 — Responsive Layout

상태: **Provisional**

```text
320–639px   4-column fluid / 16px gutter / 16px gap
640–767px   4-column fluid / 20px gutter / 20px gap
768–1023px  8-column / max 960px / 24px gutter / 20px gap
1024–1279px 12-column / max 1200px / 28px gutter / 24px gap
1280px+     12-column / max 1320px / 32px gutter / 24px gap
```

검증 후 조정할 수 있지만 디자인 시안은 이 기준에서 시작한다.

### D07 — Missing Image

상태: **Provisional**

- 공개 화면에서 “이미지 준비 중” 같은 내부 플레이스홀더를 표시하지 않는다.
- 이미지가 선택 요소이면 미디어 영역을 제거하고 텍스트 중심 카드로 자연스럽게 재배치한다.
- 이미지가 콘텐츠 이해에 필수이면 해당 콘텐츠는 발행을 차단한다.
- 편집 Preview에서만 중립적인 missing-media 상태를 표시한다.
- 권리 만료·동의 미승인 이미지는 missing image와 동일하게 취급한다.

### D10 — Token Authority

상태: **Provisional**

```text
DESIGN.md             원칙과 사용 규칙
DECISIONS.md          승인·가역 결정 기록
tokens.dtcg.json      기계가 읽는 단일 토큰 원본
Figma Variables       DTCG와 1:1 동기화
CSS Variables         DTCG에서 생성 또는 검증
```

Figma나 CSS에서 독립적으로 새 토큰을 만들지 않는다.

### D11 — V3 Content Source

상태: **Provisional**

- V2와 V3는 같은 `Issue / Story / Media` CMS 데이터를 사용한다.
- V3는 Issue별 아트 디렉션 설정을 추가로 가질 수 있다.
- V3 전용 편집 순서·페이지 분할은 별도 presentation metadata로 저장한다.
- 기사 본문 원본을 V3에 복사하여 별도 관리하지 않는다.
- V3가 없어도 V2의 canonical 콘텐츠는 완전해야 한다.

## MVP 범위

### 포함

- V2 Issue Home
- V2 Article Detail
- V3 Paper Reader
- 404 / Error
- BrandHeader와 모바일 내비게이션
- StoryCard, ArticleHeader, ArticleMeta, ArticleBody
- PullQuote, ImageFigure/Caption, RelatedStory
- ParticipationCTA
- Loading, Empty, Error 상태
- V3 이전/다음 버튼과 현재 페이지 표시

### 제외

- 전체 검색
- 다중 필터
- Issue Archive 전용 페이지
- 지도 기반 지회 탐색
- 개인화 추천
- 다국어
- 소셜 채널별 고급 공유
- V3 swipe-only 조작

## 검증 원칙

- 길이가 긴 한국어 실제 콘텐츠로 레이아웃을 검증한다.
- 카드 높이를 억지로 동일하게 만들기 위해 제목을 잘라내지 않는다.
- 320px에서 가로 overflow가 없어야 한다.
- V3는 버튼만으로 처음부터 끝까지 이동할 수 있어야 한다.
- 공개 화면 어디에도 `/admin` 링크가 없어야 한다.
- 검색·필터·아카이브가 없어도 최신 Issue와 주요 기사에 도달할 수 있어야 한다.