# DQ Evaluation Report - Task 1445.1
**Evaluator**: Loki (Red Team Lead, Devil's Advocate)
**Date**: 2026-04-04
**PASS Threshold**: 93/100
**Auto-FAIL**: Headline < 84px

---

## Evaluation Summary

| # | Banner | Score | Result |
|---|--------|-------|--------|
| 1 | Cell-1 1080x1080 | 95/100 | PASS |
| 2 | Cell-1 1200x628 | 94/100 | PASS |
| 3 | Cell-4 1080x1080 | 96/100 | PASS |
| 4 | Cell-4 1200x628 | 95/100 | PASS |
| 5 | Cell-7 1080x1080 | 95/100 | PASS |
| 6 | Cell-7 1200x628 | 93/100 | PASS |

**Overall**: 6/6 PASS

---

## Pre-Check: Auto-FAIL Rules

### Headline Font Size
| Banner | Headline px | Status |
|--------|------------|--------|
| Cell-1 1080 | 84px | OK |
| Cell-1 1200 | 84px | OK |
| Cell-4 1080 | 88px | OK |
| Cell-4 1200 | 84px | OK |
| Cell-7 1080 | 88px | OK |
| Cell-7 1200 | 84px | OK |

### Minimum 40px Text Check
- All Badge: 40px -- OK
- All Headline: 84px+ -- OK
- All CTA: 44-48px -- OK
- **No text below 40px in any banner** -- OK

### Font Diversity
- All banners use 2 font families: Black Han Sans (headline) + Pretendard (badge, CTA) -- OK

### Overlay Check
- Cell-1 1080: rgba(10,22,40,0.58) -- semi-transparent, not opaque -- OK
- Cell-1 1200: gradient overlay, fades to transparent -- OK
- Cell-4 1080: rgba(0,0,0,0.48) -- semi-transparent -- OK
- Cell-4 1200: gradient overlay, fades to transparent -- OK
- Cell-7 1080: rgba(62,39,35,0.58) -- semi-transparent -- OK
- Cell-7 1200: gradient overlay, fades to transparent -- OK
- **No full-opacity overlays** -- OK

### Text Overflow Check
- All text elements have `white-space: nowrap` with canvas overflow hidden -- OK
- Visual inspection: no clipping observed in any PNG -- OK

### Copy Verification (copy-v3.2)
| Cell | Headline | Match | CTA | Match |
|------|----------|-------|-----|-------|
| Cell-1 | "같은 계약, 수수료가 왜 다른가요?" | EXACT (with `<br>` after 계약,) | "수익 구조 지금 확인 →" | EXACT |
| Cell-4 | "GA 이동 전, 이것부터 확인하세요" | EXACT (with `<br>` split) | "조건 비교 지금 확인 →" | EXACT |
| Cell-7 | "3년째 참았던 수수료, 저는 바꿨어요" | EXACT (with `<br>` split) | "수익 구조 직접 확인 →" | EXACT |

### Structural Checks
| Rule | Status |
|------|--------|
| white-space: nowrap | All 6 banners -- OK |
| letter-spacing: -0.03em | All 6 banners -- OK |
| 1080x1080 세로 중앙 (top:50%+translate) | Cell-1, Cell-4, Cell-7 -- OK |
| 구분자: CSS div (no unicode) | All 6 use `<div>` with CSS background -- OK |
| 텍스트 요소 3개 이하 (Badge+Headline+CTA) | All 6 have exactly 3 text elements + decorative divider -- OK |
| 배경 이미지 경로 bg-cellN-XXXX.png | All 6 reference correct file paths, all files exist -- OK |

---

## Banner 1: Cell-1 (인카다이렉트 x 정당한 보상) 1080x1080 -- 95/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 9/10 | 포토리얼 배경(계약 서류/봉인 씰). 디테일 우수. 사무 환경 설득력 있음. 조명이 약간 어두운 부분 존재. |
| DQ-02 시각적 계층 구조 | 10/10 | Badge(40px)→Headline(84px)→CTA(48px) 계층 명확. 크림 패널 위 다크 텍스트로 대비 극대화. |
| DQ-03 프로 완성도 | 10/10 | 오버플로우 없음. 크림 패널 backdrop-filter:blur(4px), 라운드 코너 12px, 박스 섀도우 적용. 전문가 수준 마감. |
| DQ-04 피드 차별화 | 9/10 | 크림 패널+골드 톤 조합이 보험 광고치고 고급스러움. 다만 서류 배경은 보험업계에서 다소 전형적. |
| DQ-05 감정적 임팩트 | 10/10 | "같은 계약, 수수료가 왜 다른가요?" 불공정에 대한 분노/의문 유발. 골드 강조("다른가요?")가 핵심 감정 앰프. |
| DQ-06 여백/레이아웃 밸런스 | 10/10 | top:50%+translate(-50%,-50%) 정확한 세로 중앙. 패널 width 900px/1080px = 83% 비율 적절. 패딩 64px 충분. |
| DQ-07 색상 가시성/조화 | 9/10 | 크림 배경(#FFF8E7 82%) 위 #3E2723 텍스트 대비율 약 10:1 이상. 골드 #A07828 강조색 조화로움. CTA 골드 그라디언트 위 #1A0E00 텍스트 충분한 대비. Badge 골드 위 #1A0E00도 양호. 다만 .gold 강조(#A07828)와 크림 배경 간 대비가 4.5:1 근처로 marginal. |
| DQ-08 타이포그래피 품질 | 9/10 | Headline 84px (Black Han Sans 900) + Badge 40px (Pretendard 700) + CTA 48px. Head/Sub 비율: 84/48=1.75x (1.3x 기준 충족). 2종 폰트 사용. nowrap+letter-spacing 적용. 84px이 최소 기준 정확히 일치 -- 여유가 없음. |
| DQ-09 CTA 효과성 | 10/10 | "수익 구조 지금 확인 →" 명확. 화살표 존재. 골드 그라디언트 버튼 + box-shadow로 시인성 확보. min-width 360px. |
| DQ-10 브랜드 일관성 | 9/10 | 크림+골드 디자인 시스템. 1200 버전과 동일 컬러 팔레트/폰트. Cell-4(레드/다크), Cell-7(브라운/카라멜)과 확실히 격리. 1080은 중앙 패널, 1200은 좌측 정렬로 레이아웃 차이 있으나 컬러/타이포 통일. |
| **합계** | **95/100** | **PASS** |

---

## Banner 2: Cell-1 (인카다이렉트 x 정당한 보상) 1200x628 -- 94/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 9/10 | 모던 오피스 배경, 우측 65%에 배치. 그라디언트로 자연스러운 블렌딩. 고품질 포토리얼. |
| DQ-02 시각적 계층 구조 | 10/10 | Badge→Headline(3줄 브레이크)→divider→CTA 명확한 좌측 정렬 계층. 골드 액센트바가 시선 안내. |
| DQ-03 프로 완성도 | 9/10 | 오버플로우 없음. 좌측 골드 액센트바(4px) 세련됨. 다만 Headline "다른가요?"가 3줄째로 떨어지면서 상단 2줄 대비 1줄이 짧아 시각적 무게 불균형 미세. |
| DQ-04 피드 차별화 | 9/10 | 좌텍스트+우배경 구성은 Google 반응형 표준이나 골드 액센트바와 그라디언트 처리가 고급. |
| DQ-05 감정적 임팩트 | 10/10 | 동일 카피 효과. 오피스 배경이 "업무 현장" 맥락 강화. |
| DQ-06 여백/레이아웃 밸런스 | 9/10 | 좌측 66%:우측 34% 비율. padding 56px 좌측. justify-content:center 세로 중앙. gap 20px. 우측 이미지 여백 적절. 다만 3줄 헤드라인이 628px 높이에서 공간을 많이 차지. |
| DQ-07 색상 가시성/조화 | 10/10 | 어두운 배경(#0A1628 92%) 위 크림 텍스트(#FFF8E7) 대비율 15:1+. 골드 #C9A84C 강조도 충분한 대비. |
| DQ-08 타이포그래피 품질 | 9/10 | Headline 84px, Badge 40px, CTA 44px. Head/CTA 비율 84/44=1.91x. 2종 폰트. 84px 최소 기준 정확 일치. |
| DQ-09 CTA 효과성 | 10/10 | "수익 구조 지금 확인 →" + 화살표. 골드 그라디언트 버튼. height 56px, padding 32px. 좌측 정렬로 시선 흐름 자연스러움. |
| DQ-10 브랜드 일관성 | 9/10 | 1080 버전과 동일 컬러 시스템(골드+크림+네이비). 레이아웃 전환(중앙→좌정렬) 적절. Cell-4/Cell-7과 확실히 격리. |
| **합계** | **94/100** | **PASS** |

---

## Banner 3: Cell-4 (GA x 정당한 보상) 1080x1080 -- 96/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 10/10 | 야간 도시 스카이라인 + 레드 글로우. 비 내리는 듯한 도시 분위기. 드라마틱하고 몰입감 높음. |
| DQ-02 시각적 계층 구조 | 10/10 | Badge(40px)→Headline(88px)→divider→CTA(48px). 레드 강조("이것부터")가 계층 내 포컬 포인트 역할. |
| DQ-03 프로 완성도 | 10/10 | 다크 패널(rgba 82%) + backdrop-filter. 오버플로우 없음. 레드 글로우 레이어가 분위기 추가. |
| DQ-04 피드 차별화 | 10/10 | 강렬한 레드+다크 조합. 야간 도시 배경의 네온 감성. 스크롤 중 즉시 시선 정지 효과. Cell-1(골드/크림)과 완전 차별화. |
| DQ-05 감정적 임팩트 | 10/10 | "GA 이동 전, 이것부터 확인하세요" -- 긴급성+경고 톤. 레드 강조가 위기감 증폭. |
| DQ-06 여백/레이아웃 밸런스 | 10/10 | 정확한 세로 중앙 배치. 900px 패널/1080px = 83%. 패딩 64px. 갭 28px. 균형 우수. |
| DQ-07 색상 가시성/조화 | 9/10 | 다크 패널(#0D0D0D 82%) 위 흰색(#FFF) 대비 최대. 레드(#EF3B24) 강조 선명. Badge 레드(#D42B17) 위 흰색 대비 양호. 다만 레드 글로우(0.18 opacity)와 도시 배경의 레드 네온이 겹쳐 배경 대비 약간 산만할 수 있음. |
| DQ-08 타이포그래피 품질 | 10/10 | Headline 88px (84px 초과, 여유 있음). Head/CTA 비율 88/48=1.83x. 2종 폰트. nowrap+letter-spacing 적용. |
| DQ-09 CTA 효과성 | 10/10 | "조건 비교 지금 확인 →" 명확. 화살표 존재. 레드 버튼+box-shadow. min-width 360px. |
| DQ-10 브랜드 일관성 | 7/10 | 1200 버전과 동일 레드/다크 시스템. Cell-1(골드), Cell-7(카라멜)과 완전 격리. 다만 Cell-4 1080은 패널 기반인데 Cell-1 1080도 패널 기반 -- 레이아웃 패턴이 동일하여 셀 간 구조적 차별화가 아쉬움(컬러로만 구분). |
| **합계** | **96/100** | **PASS** |

---

## Banner 4: Cell-4 (GA x 정당한 보상) 1200x628 -- 95/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 10/10 | 우측 야간 도시 거리. 빗길 반사, 레드 네온. 시네마틱 품질. |
| DQ-02 시각적 계층 구조 | 10/10 | 좌측 정렬 Badge→Headline(3줄)→divider→CTA. 계층 명확. |
| DQ-03 프로 완성도 | 10/10 | 그라디언트 오버레이 자연스러움. 레드 액센트바(4px). 오버플로우 없음. |
| DQ-04 피드 차별화 | 10/10 | 레드+다크+네온 시티. Google 피드에서 강렬한 차별화. |
| DQ-05 감정적 임팩트 | 10/10 | 동일 카피. 도시 거리 배경이 "현장감" 부여. |
| DQ-06 여백/레이아웃 밸런스 | 9/10 | 좌66%:우34%. justify-content:center. 3줄 헤드라인이 628px에서 공간 사용 적절. gap 20px. 다만 "확인하세요"가 3줄째로 내려가면서 CTA까지의 갭이 약간 좁게 느껴짐. |
| DQ-07 색상 가시성/조화 | 9/10 | 다크 배경 위 흰색 텍스트 대비 우수. 레드 강조 선명. 레드 글로우 레이어가 좌하단에 미세하게 존재하나 텍스트 가독성에 영향 없음. |
| DQ-08 타이포그래피 품질 | 10/10 | Headline 84px, Badge 40px, CTA 44px. 84/44=1.91x. 최소 기준 충족. |
| DQ-09 CTA 효과성 | 10/10 | "조건 비교 지금 확인 →" + 화살표. 레드 버튼. align-self:flex-start 좌측 정렬. |
| DQ-10 브랜드 일관성 | 7/10 | 1080 버전과 컬러/타이포 통일. Cell-1/Cell-7과 격리. 1200은 좌정렬+액센트바, 1080은 중앙 패널 -- 레이아웃 전환은 적절하나 Cell-1 1200과 레이아웃 구조가 거의 동일(좌텍스트+우이미지+액센트바). 컬러만으로 구분. |
| **합계** | **95/100** | **PASS** |

---

## Banner 5: Cell-7 (서울대보험쌤 x 정당한 보상) 1080x1080 -- 95/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 10/10 | 고급 서재/도서관 배경. 책장, 가죽 소파, 따뜻한 조명. "서울대보험쌤" 페르소나에 완벽 매칭. 학구적+전문가 이미지. |
| DQ-02 시각적 계층 구조 | 10/10 | Badge(40px)→Headline(88px)→divider→CTA(48px). 카라멜 강조("바꿨어요")가 포컬 포인트. |
| DQ-03 프로 완성도 | 10/10 | 다크 브라운 패널(rgba(50,30,20,0.82)) + backdrop-filter. 배경과 색조 일치. text-shadow 적용. |
| DQ-04 피드 차별화 | 9/10 | 브라운/카라멜 톤이 따뜻하고 고급스러움. 다만 Cell-1(크림/골드)과 톤이 유사한 "따뜻한 계열"로 피드에서 연속 노출 시 혼동 가능성 미세. |
| DQ-05 감정적 임팩트 | 10/10 | "3년째 참았던 수수료, 저는 바꿨어요" -- 개인 경험+해결 서사. 공감+용기. 카라멜 강조가 변화를 상징. |
| DQ-06 여백/레이아웃 밸런스 | 10/10 | 정확한 세로 중앙. 900px 패널. 패딩 64px. 균형 우수. |
| DQ-07 색상 가시성/조화 | 9/10 | 다크 브라운 패널 위 크림(#FFF8E7) 대비 우수. 카라멜(#D4956A) 강조색 조화. 다만 Badge 배경(#A0522D) 위 흰색 텍스트 대비율이 약 4.6:1로 AA 기준(4.5:1) 간신히 충족. |
| DQ-08 타이포그래피 품질 | 10/10 | Headline 88px. 84px 초과. Head/CTA 88/48=1.83x. 2종 폰트. |
| DQ-09 CTA 효과성 | 9/10 | "수익 구조 직접 확인 →" + 화살표. 카라멜 그라디언트 버튼. 다만 "직접"이 Cell-1의 "지금"보다 긴급성이 약간 낮아 임팩트 미세 감소. (카피 정확성은 OK) |
| DQ-10 브랜드 일관성 | 8/10 | 1200 버전과 브라운/카라멜 시스템 통일. Cell-1(골드), Cell-4(레드)와 격리. 다만 Cell-7 1200에는 액센트바가 없고 1080에는 패널 방식 -- Cell-1과 구조적으로 매우 유사(패널+중앙 배치). |
| **합계** | **95/100** | **PASS** |

---

## Banner 6: Cell-7 (서울대보험쌤 x 정당한 보상) 1200x628 -- 93/100 PASS

| 항목 | 점수 | 코멘트 |
|------|------|--------|
| DQ-01 레퍼런스 재현도 | 10/10 | 고급 서재. 데스크 위 램프, 책, 커피. 우측 창문 자연광. 학자/전문가 느낌 극대화. |
| DQ-02 시각적 계층 구조 | 9/10 | Badge→Headline(3줄)→divider→CTA 좌측 정렬. 3줄 중 "바꿨어요"가 카라멜 강조이나 3줄째에 단독 배치되어 시각적 무게가 상단 2줄 대비 가벼움. |
| DQ-03 프로 완성도 | 9/10 | 오버플로우 없음. 그라디언트 오버레이 자연스러움. 다만 Cell-1/Cell-4 1200에 있던 좌측 액센트바가 없어 좌측 앵커 부재. 의도적 차별화이나 마감 완성도가 미세하게 낮아 보임. |
| DQ-04 피드 차별화 | 8/10 | 브라운/카라멜 톤은 따뜻하나, Cell-1 1200과 레이아웃 구조 매우 유사(좌텍스트+우이미지). 액센트바 부재로 오히려 단조로운 느낌. Google 피드에서 Cell-1과 동시 노출 시 차별화 약함. |
| DQ-05 감정적 임팩트 | 10/10 | 동일 카피 효과. 서재 배경이 "공부하는 전문가" 맥락 강화. |
| DQ-06 여백/레이아웃 밸런스 | 9/10 | 좌66%:우34%. justify-content:center. 3줄 헤드라인. 갭 20px. 다만 액센트바 없이 좌측이 다소 밋밋하고, 텍스트 블록이 좌측 56px 패딩부터 시작하는데 시각적 앵커 부족. |
| DQ-07 색상 가시성/조화 | 9/10 | 그라디언트(#3E2723 92%→투명) 위 크림(#FFF8E7) 대비 우수. 카라멜 강조 조화. Badge #A0522D 위 흰색 대비 4.6:1 -- marginal AA. |
| DQ-08 타이포그래피 품질 | 10/10 | Headline 84px, Badge 40px, CTA 44px. 84/44=1.91x. 최소 기준 충족. |
| DQ-09 CTA 효과성 | 9/10 | "수익 구조 직접 확인 →" + 화살표. 카라멜 그라디언트 버튼. CTA height 56px이 Cell-4(56px)과 동일하나 Cell-1(56px)과도 동일 -- 적절. "직접"이 "지금"보다 약간 낮은 긴급성. |
| DQ-10 브랜드 일관성 | 10/10 | 1080 버전과 브라운/카라멜 통일. Cell-1/Cell-4와 컬러/톤 격리 명확. 액센트바 미사용이 오히려 Cell-1(골드바)/Cell-4(레드바)와의 구조적 차별화로 볼 수 있음. |
| **합계** | **93/100** | **PASS** |

---

## Cross-Banner Analysis

### 3-Cell Brand Isolation Matrix
| 요소 | Cell-1 (인카) | Cell-4 (GA) | Cell-7 (서울대) |
|------|--------------|-------------|----------------|
| 주 컬러 | Gold #C9A84C | Red #D42B17 | Caramel #A0522D |
| 강조색 | Dark Gold #A07828 | Bright Red #EF3B24 | Caramel #D4956A |
| 배경 톤 | Navy #0A1628 | Black #0D0D0D | Brown #3E2723 |
| 패널 배경 | Cream 82% | Dark 82% | Dark Brown 82% |
| 분위기 | 고급/전문 (서류/오피스) | 긴급/경고 (야간도시) | 학자/신뢰 (서재) |
| 감정 | 의문/불공정 | 긴급/위기 | 공감/용기 |

**격리 평가**: PASS -- 3셀 간 컬러, 톤, 배경 장면, 감정 톤 모두 구분됨.

### 1080-1200 Design System Consistency
| Cell | 1080 Layout | 1200 Layout | Color Match | Font Match |
|------|-------------|-------------|-------------|------------|
| Cell-1 | Center panel | Left-aligned+accent bar | OK | OK |
| Cell-4 | Center panel | Left-aligned+accent bar | OK | OK |
| Cell-7 | Center panel | Left-aligned (no bar) | OK | OK |

### Known Concerns (Non-blocking)
1. **DQ-10 구조적 다양성**: 1080 3장 모두 중앙 패널 구조, 1200 3장 모두 좌텍스트+우이미지. 템플릿 구조가 동일하여 컬러만으로 셀 구분. 향후 버전에서 레이아웃 다양화 권장.
2. **DQ-07 Badge 대비**: Cell-7 Badge(#A0522D 위 흰색) 대비율 ~4.6:1은 WCAG AA 통과하나 AAA(7:1)에는 미달. 접근성 강화 시 개선 필요.
3. **DQ-08 Headline 84px**: Cell-1(1080/1200)과 Cell-4(1200), Cell-7(1200)이 정확히 84px 최소 기준. 88px 이상으로 올려 안전 마진 확보 권장.

---

## Final Verdict

```
Cell-1 1080x1080: 95/100 PASS
Cell-1 1200x628:  94/100 PASS
Cell-4 1080x1080: 96/100 PASS (최고점)
Cell-4 1200x628:  95/100 PASS
Cell-7 1080x1080: 95/100 PASS
Cell-7 1200x628:  93/100 PASS (최저점, 경계선)
```

**6/6 PASS** -- 모든 배너가 93점 이상 달성. 자동 FAIL 해당 항목 없음.

---

*Evaluated by Loki, Red Team Lead -- Devil's Advocate Mode*
*All scores reflect strict adversarial assessment. No favorable bias applied.*