# DQ Evaluation Report - task-1454.1
**Evaluator:** Loki (Red Team Lead, Devil's Advocate)
**Date:** 2026-04-05
**Target:** 3x3 Banner Matrix Cells 1, 4, 7 (1080x1080) + 1200x628 consistency check
**Sample:** Cell 1 (#17 Breaking News), Cell 4 (#49 Bold Minimal), Cell 7 (#41 Premium Serif)

---

## Cell 1: 인카금융서비스 (Breaking News Concept #17)
**Files:** `cell-1-incar-fair/meta-feed-1080x1080.html` / `google-resp-1200x628.html`

| 항목 | 점수 | 사유 |
|------|------|------|
| DQ-01 레퍼런스 재현도 | 9 | Breaking News 컨셉 충실. 상/하단 골드 바 + BREAKING 텍스트 + 속보 뉴스 시각 언어 구현. 다만 전통적 속보 레이아웃의 ticker/긴급 아이콘 등 세부 디테일은 부재. |
| DQ-02 시각적 계층 구조 | 9 | Badge(상단바 좌측) -> Headline(중앙 84px) -> Sub(64px) -> CTA(하단바) 명확한 4단계. gold-divider로 Headline/Sub 분리 효과적. |
| DQ-03 프로 완성도 | 8 | 1080 기준 headline `white-space: nowrap` — "같은 계약, 수수료가 왜 다른가요?" 전체가 약 860px 추정이라 간신히 수용. 1200 버전 sub-copy도 nowrap으로 한 줄에 억지로 넣음. 실제 렌더링 시 84px에서 글자 수 감안하면 오버플로우 위험 존재. |
| DQ-04 피드 차별화 | 9 | Cell 4(레드/볼드), Cell 7(골드/프리미엄)과 확연히 다른 속보 스타일. 상하단 바 구조는 이 셀만의 고유 레이아웃. |
| DQ-05 감정적 임팩트 | 9 | "같은 계약, 수수료가 왜 다른가요?" — 분노/의문 감정 자극과 속보 형식의 긴급감이 잘 어울림. |
| DQ-06 여백/레이아웃 밸런스 | 8 | center-content가 상/하 80px 바 사이 920px 영역에 배치. gap 32px 적절. 다만 1200 버전에서 text-area width 60%에 84px headline + 64px sub를 nowrap으로 넣으면 720px 내 수용 빡빡함. |
| DQ-07 색상 가시성/조화 | 9 | 골드(#C9A84C) on 다크(#1A0E00) 대비율 약 7.2:1 — WCAG AA 통과. 흰색 텍스트 on 어두운 배경 + 강한 text-shadow 가독성 확보. 골드 하이라이트 통일감 우수. |
| DQ-08 타이포그래피 품질 | 9 | Headline 84px/800, Sub 64px/700, Badge 40px/700, CTA 44px/700. 비율 84/64=1.31x 기준 충족. Pretendard + Gothic A1 + Noto Serif KR 3종 선언(실사용 2종+). 최소 40px 준수. |
| DQ-09 CTA 효과성 | 9 | "수익 구조 지금 확인 →" — 명확한 행동 유도 + 화살표 존재. 긴급성("지금") 포함. 하단바 전체가 CTA 영역으로 시인성 높음. |
| DQ-10 브랜드 일관성 | 9 | 1080/1200 간: 동일 카피, 동일 색상 체계, 동일 폰트. 1200은 좌측 정렬로 가로형 적응 적절. 상/하단 바 구조 유지. bar height만 80->60으로 비례 축소. |

**Cell 1 총점: 88/100 -- FAIL**

**FAIL 핵심 사유:**
- DQ-03: `white-space: nowrap`이 headline과 sub-copy 모두에 적용됨. 1080에서 84px 한글 13자("같은 계약, 수수료가 왜 다른가요?")는 약 1,092px으로 1080 캔버스를 초과할 가능성 높음. 실제 렌더링 시 오른쪽 잘림 위험.
- DQ-06: 1200 버전에서 60% 영역(720px)에 84px nowrap headline을 넣으면 확실히 오버플로우.

---

## Cell 4: GA Fair (Bold Minimal Concept #49)
**Files:** `cell-4-ga-fair/meta-feed-1080x1080.html` / `google-resp-1200x628.html`

| 항목 | 점수 | 사유 |
|------|------|------|
| DQ-01 레퍼런스 재현도 | 8 | Bold Minimal 스타일 추구. 단순 레이아웃 + 레드 악센트. 그러나 #49 컨셉의 구체적 시각 특성(미니멀 여백, 대담한 타이포 중심) 대비 요소가 하단에 몰려 있어 "미니멀"보다는 "하단 집중형"에 가까움. |
| DQ-02 시각적 계층 구조 | 8 | Badge -> Divider -> Headline -> CTA 순서. Sub-copy 레이어가 부재하여 4단계 중 3단계만 존재. 계층은 명확하나 Sub가 없어 정보 전달량 부족. |
| DQ-03 프로 완성도 | 8 | headline 96px에 3줄 구성("GA 이동 전,"/"이것부터"/"확인하세요"). 1080 하단 정렬(justify-content: flex-end, padding-bottom 96px). nowrap 적용이나 각 줄이 짧아 오버플로우 위험 낮음. 다만 1200 버전에서 text-area가 60% 폭에 84px headline — 한 줄이 길어지면 문제. |
| DQ-04 피드 차별화 | 9 | 레드(#EF3B24) 악센트, NanumSquare 폰트, 하단 집중 레이아웃 — Cell 1(골드/속보)과 Cell 7(골드/센터)과 확연히 다른 인상. |
| DQ-05 감정적 임팩트 | 8 | "GA 이동 전, 이것부터 확인하세요" — 경고/조언 톤으로 적절. 다만 Sub-copy 부재로 구체적 혜택 언급 없어 감정적 hook이 약함. |
| DQ-06 여백/레이아웃 밸런스 | 7 | **주요 감점:** 1080 버전에서 모든 텍스트가 하단에 몰려 있음(flex-end + padding-bottom 96px). 상단 70% 이상이 배경 이미지만으로 비어있어 밸런스 불균형. 1200 버전은 좌측 60%에 수직 중앙 배치로 개선되었으나 우측 40%는 완전 비어있음. |
| DQ-07 색상 가시성/조화 | 9 | 레드(#EF3B24) on 흰(#FFF) badge — 대비율 약 4.6:1 AA 통과. 흰색 텍스트 on 어두운 배경 + 강한 shadow 가독성 확보. CTA 그라데이션 레드 버튼 on 흰색 텍스트 양호. |
| DQ-08 타이포그래피 품질 | 8 | Headline 96px/800(기준 초과, 양호), Badge 40px/700, CTA 44px/700. NanumSquare + Pretendard 2종. 최소 40px 준수. 다만 Sub-copy 부재로 64px 레이어 자체가 없음 — 폰트 사이즈 단계가 96->44로 급격히 떨어짐(비율 2.18x, 정상이나 중간 단계 누락). |
| DQ-09 CTA 효과성 | 9 | "조건 비교 지금 확인 →" — 구체적 행동 + 화살표 + "지금" 긴급성. 레드 그라데이션 버튼으로 시각적 강조 우수. |
| DQ-10 브랜드 일관성 | 8 | 1080/1200 간: 동일 카피, 동일 색상. 다만 레이아웃 차이가 큼 — 1080은 하단 중앙 정렬 + 전체 배경, 1200은 좌측 정렬 + 좌측 레드 바(accent-bar) 추가. 1200에는 divider가 badge와 headline 사이로 이동하여 순서 변경. 전체 "느낌"은 유지되나 구조적 차이 존재. |

**Cell 4 총점: 82/100 -- FAIL**

**FAIL 핵심 사유:**
- DQ-02: Sub-copy 레이어 완전 부재. Badge -> Headline -> CTA 3단계만 존재하여 4단 계층 구조 미충족.
- DQ-06: 1080에서 심각한 상하 밸런스 불균형. 텍스트가 하단 30%에만 집중, 상단 70%는 빈 배경.
- DQ-05: 혜택/수치 정보 없이 "이것부터 확인하세요"만으로는 감정 후킹 약함.

---

## Cell 7: 서울대보험쌤 (Premium Serif Concept #41)
**Files:** `cell-7-snu-fair/meta-feed-1080x1080.html` / `google-resp-1200x628.html`

| 항목 | 점수 | 사유 |
|------|------|------|
| DQ-01 레퍼런스 재현도 | 8 | Premium 골드 톤 구현. 다만 컨셉명이 "Serif"인데 실제 Noto Serif KR을 선언하지 않고 Pretendard(산세리프) + Gothic A1(고딕)만 사용. Serif 폰트 미적용은 컨셉 재현 실패. |
| DQ-02 시각적 계층 구조 | 10 | Badge(골드 라벨) -> Headline(84px/900) -> Divider -> Subhead(64px/700) -> CTA(48px/700). 완벽한 5단계 계층. 시맨틱 태그(h1, p, span)도 적절. |
| DQ-03 프로 완성도 | 8 | Headline "3년째 참았던 수수료, 저는 바꿨어요" — br 태그로 2줄 분리. 1080에서 padding 100px 양쪽이면 유효 폭 880px. 84px "3년째 참았던 수수료,"는 약 840px으로 아슬아슬. Subhead 64px nowrap "경력직 직전연봉 최대 50% 정착지원금"은 약 960px — padding 100px 양쪽 감안 시 880px 초과 가능성. |
| DQ-04 피드 차별화 | 9 | 골드 톤이 Cell 1과 유사하나, 중앙 정렬 + 라벨형 badge + gradient divider로 프리미엄 느낌 차별화. Cell 4(레드)와는 완전히 다름. Cell 1(속보 바)과도 구조적으로 다름. |
| DQ-05 감정적 임팩트 | 10 | "3년째 참았던 수수료, 저는 바꿨어요" — 1인칭 체험 스토리텔링 + 감정(참았던/바꿨어요) 강력. 수치("최대 50%")가 뒷받침하여 신뢰성 확보. |
| DQ-06 여백/레이아웃 밸런스 | 9 | 중앙 정렬, padding 80px 100px. gap 28px으로 요소 간 적절한 간격. 5개 요소가 수직으로 균형 잡힌 배치. 1200 버전은 좌측 62% + accent-bar로 가로형 적응 적절. |
| DQ-07 색상 가시성/조화 | 9 | 골드(#C9A84C) on 다크(#1A0E00) badge — 대비율 약 7.2:1 양호. CTA 골드 그라데이션 on 다크 텍스트. 흰색 headline on 어두운 배경 + 4중 shadow 레이어로 가독성 강화. |
| DQ-08 타이포그래피 품질 | 7 | **주요 감점:** Headline 84px/900, Subhead 64px/700, Badge 40px/700, CTA 48px/700. 비율 84/64=1.31x 기준 충족. 그러나 Pretendard + Gothic A1 = 2종(최소 기준). **컨셉 #41 Premium Serif인데 Serif 폰트 0% 사용.** Pretendard-Black.otf 경로도 `Pretendard/` 하위가 아닌 상위 경로로 선언 — 로딩 실패 가능성. |
| DQ-09 CTA 효과성 | 10 | "수익 구조 직접 확인 →" — 행동 유도 명확, 화살표 존재, 골드 그라데이션 버튼으로 프리미엄 느낌. 48px으로 시인성 우수. |
| DQ-10 브랜드 일관성 | 9 | 1080/1200 간: 동일 카피, 동일 색상 체계, 동일 폰트. 1200은 좌측 정렬 + accent-bar 추가로 가로형 적응. CTA 높이만 76->56으로 축소. badge/headline/subhead 크기 동일 유지. 일관성 양호. |

**Cell 7 총점: 89/100 -- FAIL**

**FAIL 핵심 사유:**
- DQ-01/DQ-08: 컨셉 #41 "Premium Serif"인데 Serif 폰트(Noto Serif KR 등) 미사용. 컨셉 핵심 아이덴티티 누락.
- DQ-03: Subhead 64px nowrap 텍스트 오버플로우 위험. padding 100px 양쪽 감안 시 유효 폭 초과 가능.
- DQ-08: Pretendard-Black.otf 경로 불일치(`Pretendard/` 하위 폴더 아닌 상위 경로) — 폰트 로딩 실패 시 fallback sans-serif 적용됨.

---

## 종합 요약

| Cell | 총점 | 판정 |
|------|------|------|
| Cell 1 (인카/Breaking News #17) | **88/100** | **FAIL** |
| Cell 4 (GA/Bold Minimal #49) | **82/100** | **FAIL** |
| Cell 7 (서울대/Premium Serif #41) | **89/100** | **FAIL** |
| **3셀 평균** | **86.3/100** | **FAIL** |

## Critical Defects (즉시 수정 필요)

### P0 - 블로커
1. **Cell 4: Sub-copy 레이어 부재** — 4단 계층 구조(Badge/Headline/Sub/CTA) 중 Sub 누락. 혜택 정보 전달 불가.
2. **Cell 7: Serif 폰트 미사용** — 컨셉 #41 "Premium Serif" 핵심 아이덴티티 위반. Noto Serif KR이 @font-face에 선언조차 안 됨.
3. **Cell 1/7: white-space: nowrap 오버플로우 위험** — 84px 한글 긴 문장 + nowrap = 캔버스 밖 잘림. 실제 렌더링 검증 필수.

### P1 - 높음
4. **Cell 4: 레이아웃 밸런스 불균형** — 1080 버전 상단 70% 빈 공간. 콘텐츠가 하단에만 집중.
5. **Cell 7: Pretendard-Black 경로 불일치** — `/home/jay/.local/share/fonts/Pretendard-Black.otf` vs 나머지 `/Pretendard/Pretendard-*.otf`. 로딩 실패 시 weight 900 fallback.
6. **Cell 1: 1200 버전 sub-copy 오버플로우** — 64px nowrap "정착지원금 최대 1,000만원 | 경력직 직전연봉 50% 지원"을 720px 폭에 넣으면 확실히 초과.

### 금지 규칙 위반 점검
- 불투명 layer: 없음 (PASS)
- 반투명 박스: 없음 (PASS)
- 전면 오버레이: 없음 (PASS)
- text-shadow만 사용: 적절 (PASS)

---

## 수정 권고

| 우선순위 | Cell | 수정 내용 |
|----------|------|-----------|
| P0 | Cell 4 | Sub-copy 추가 (예: "정착지원금 최대 1,000만원" / 64px / 600-700 weight) |
| P0 | Cell 7 | Headline에 Noto Serif KR 적용, @font-face 선언 추가 |
| P0 | Cell 1, 7 | 긴 headline/sub에서 `white-space: nowrap` 제거, `word-break: keep-all` 사용 |
| P1 | Cell 4 | 1080 레이아웃을 center 또는 상단 여백 축소하여 밸런스 개선 |
| P1 | Cell 7 | Pretendard-Black 경로를 `/Pretendard/Pretendard-Black.otf`로 수정 |
| P1 | Cell 1 | 1200 sub-copy를 2줄 허용 또는 font-size 축소 |

---

*Loki, Red Team Lead*
*"93점 미만은 출격 불가. 지금 상태로 피드에 올리면 오버플로우 한 건이면 브랜드 신뢰도 끝이다."*