# DQ 평가 보고서 — Task 1446.1
**평가자:** Loki (레드팀 팀장 / Devil's Advocate)
**평가일:** 2026-04-04
**대상:** Cell-1, Cell-4, Cell-7 x 2포맷(1080x1080, 1200x628) = 6장
**PASS 기준:** 93점+

---

## 정량 근거: WCAG 대비율 측정 결과

| 셀 | 요소 | 전경색 | 배경색 | 대비율 | AAA Large(4.5:1) |
|---|---|---|---|---|---|
| C1-1080 | Badge text | #1A0E00 | #C9A84C | 8.30 | PASS |
| C1-1080 | Headline | #3E2723 | #FFF8E7 | 13.05 | PASS |
| C1-1080 | **Headline gold "다른가요?"** | **#A07828** | **#FFF8E7** | **3.81** | **FAIL** |
| C1-1080 | CTA text | #1A0E00 | #C9A84C | 8.30 | PASS |
| C1-1200 | Headline | #FFF8E7 | #0A1628 | 17.12 | PASS |
| C1-1200 | Headline gold | #C9A84C | #0A1628 | 7.93 | PASS |
| C4-1080 | Badge | #FFFFFF | #D42B17 | 5.05 | PASS |
| C4-1080 | Headline | #FFFFFF | #0D0D0D | 19.44 | PASS |
| C4-1080 | Headline red | #EF3B24 | #0D0D0D | 4.92 | PASS |
| C4-1080 | CTA | #FFFFFF | #D42B17 | 5.05 | PASS |
| C4-1200 | (동일 컬러 시스템) | | | | PASS |
| C7-1080 | Badge | #FFFFFF | #A0522D | 5.62 | PASS |
| C7-1080 | Headline | #FFF8E7 | #321E14 | 14.90 | PASS |
| C7-1080 | Headline caramel | #D4956A | #321E14 | 6.24 | PASS |
| C7-1080 | **CTA (gradient end)** | **#FFFFFF** | **#D4956A** | **2.53** | **FAIL** |
| C7-1080 | CTA (gradient start) | #FFFFFF | #A0522D | 5.62 | PASS |
| C7-1200 | Headline caramel | #D4956A | #3E2723 | 5.47 | PASS |
| C7-1200 | CTA (gradient end) | #FFFFFF | #D4956A | **2.53** | **FAIL** |

---

## 타이포그래피 규칙 준수 정량 검증

| 규칙 | 기준 | C1-1080 | C1-1200 | C4-1080 | C4-1200 | C7-1080 | C7-1200 |
|---|---|---|---|---|---|---|---|
| Headline px | 84+ | 84px | 84px | 88px | 84px | 88px | 84px |
| Headline weight | 800-900 | 900 | 900 | 900 | 900 | 900 | 900 |
| CTA px | 40+ | 48px | 44px | 48px | 44px | 48px | 44px |
| CTA weight | 700-800 | 700 | 700 | 700 | 700 | 700 | 700 |
| Badge px | 40+ | 40px | 40px | 40px | 40px | 40px | 40px |
| 절대 최소 40px | | 40px(Badge) | 40px(Badge) | 40px(Badge) | 40px(Badge) | 40px(Badge) | 40px(Badge) |
| 폰트 2종+ | | BHS+Pret | BHS+Pret | BHS+Pret | BHS+Pret | BHS+Pret | BHS+Pret |
| 텍스트 요소 3개 이하 | | 3(B+H+C) | 3(B+H+C) | 3(B+H+C) | 3(B+H+C) | 3(B+H+C) | 3(B+H+C) |
| 전면 불투명 오버레이 | 금지 | 0.58(OK) | grad(OK) | 0.48(OK) | grad(OK) | 0.58(OK) | grad(OK) |

---

## Cell-1: 인카다이렉트 x 정당한 보상

### 1080x1080 (meta-feed)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 9 | 서류/계약서 배경이 "수수료 불공정" 메시지와 부합. 봉인 스탬프 디테일 양호 |
| DQ-02 | 시각적 계층 구조 | 10 | Badge(골드필) > Headline(다크브라운 84px) > CTA(골드 그라디언트 48px) 순서 명확 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. white-space:nowrap으로 제어. 크림 패널 마감 깔끔 |
| DQ-04 | 피드 차별화 | 9 | 크림 패널+골드 디바이더 조합이 SNS 피드에서 고급감 제공. 어두운 배경 대비 눈에 띔 |
| DQ-05 | 감정적 임팩트 | 9 | "왜 다른가요?" 의문형이 분노/의구심 유발. 골드 강조로 금전적 뉘앙스 전달 |
| DQ-06 | 여백/레이아웃 | 10 | 중앙 패널(900px/1080px), 상하좌우 대칭. padding 64px 충분 |
| DQ-07 | 색상 가시성 | **8** | **골드 강조 "#A07828" on cream #FFF8E7 = 3.81:1 -- AAA Large 4.5:1 미달. AA Large(3:1)만 충족** |
| DQ-08 | 타이포그래피 | 10 | 84px/900, 48px/700, 40px/700 -- 모든 규칙 충족 |
| DQ-09 | CTA 효과성 | 10 | "수익 구조 지금 확인 ->" 구체적, 화살표 포함, 골드 그라디언트 버튼 가시성 우수 |
| DQ-10 | 브랜드 일관성 | 9 | 1200과 동일 골드+네이비 시스템. 1080=크림패널/1200=다크배경으로 레이아웃 차별화는 적절 |
| | **소계** | **93** | |

### 1200x628 (google-resp)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 9 | 모던 오피스 배경이 프로페셔널 이미지와 부합. 우측 배경 장면 풍부 |
| DQ-02 | 시각적 계층 구조 | 10 | 좌측 정렬 Badge > Headline(3줄) > divider > CTA 순서 명확 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 잘림 없음. 좌측 66% 영역 내 충분한 공간 확보 |
| DQ-04 | 피드 차별화 | 10 | 좌측 골드 액센트바(4px) + 그라디언트 오버레이 조합으로 시선 유도 |
| DQ-05 | 감정적 임팩트 | 9 | 다크 배경 위 크림/골드 텍스트가 권위감+의구심 전달 |
| DQ-06 | 여백/레이아웃 | 9 | 좌측 정렬 적절. 다만 Headline 3줄(같은계약/수수료가왜/다른가요)로 수직 공간 다소 빡빡 |
| DQ-07 | 색상 가시성 | 10 | FFF8E7 on 0A1628=17.12, C9A84C on 0A1628=7.93 -- 모두 AAA 충족 |
| DQ-08 | 타이포그래피 | 10 | 84px/900, 44px/700, 40px/700 -- 모든 규칙 충족 |
| DQ-09 | CTA 효과성 | 10 | 화살표, 구체적 문구, 골드 그라디언트 버튼. 좌측 정렬로 자연스러운 시선 흐름 |
| DQ-10 | 브랜드 일관성 | 9 | 동일 컬러 시스템(골드+네이비). 1080 대비 템플릿만 변경(B->A), 디자인 톤 통일 |
| | **소계** | **95** | |

---

## Cell-4: GA x 정당한 보상

### 1080x1080 (meta-feed)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 10 | 어두운 도시 야경+레드 글로우가 "이직 전 경고" 분위기와 정확히 부합 |
| DQ-02 | 시각적 계층 구조 | 10 | 레드 Badge > 화이트+레드 Headline 88px > 레드 CTA 순서 명확 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. 다크 패널 마감 깔끔. red-glow 효과 세련 |
| DQ-04 | 피드 차별화 | 10 | 레드+블랙 조합이 경고/긴급성 전달. SNS 피드에서 강렬한 대비로 즉시 눈에 띔 |
| DQ-05 | 감정적 임팩트 | 10 | "이것부터 확인하세요" -- 두려움/긴급성. 레드 컬러가 경고 감정 극대화 |
| DQ-06 | 여백/레이아웃 | 10 | 중앙 패널(900px), 상하좌우 균형. gap 28px 적절 |
| DQ-07 | 색상 가시성 | 9 | 모든 대비율 AAA Large 충족. 다만 Badge/CTA 백색 on 레드 5.05:1로 AAA Normal(7:1)에는 미달 |
| DQ-08 | 타이포그래피 | 10 | 88px/900, 48px/700, 40px/700 -- 모든 규칙 충족. Headline 88px은 기준 초과 |
| DQ-09 | CTA 효과성 | 10 | "조건 비교 지금 확인 ->" 구체적 행동 유도, 화살표, 레드 버튼 가시성 우수 |
| DQ-10 | 브랜드 일관성 | 9 | 1200과 동일 레드+블랙 시스템. Cell-1과 명확히 다른 컬러 아이덴티티 |
| | **소계** | **97** | |

### 1200x628 (google-resp)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 10 | 비 오는 도시 야경이 불안감/긴장감 연출. GA 이직 결정의 무게감 전달 |
| DQ-02 | 시각적 계층 구조 | 10 | Badge > Headline 3줄(GA이동전/이것부터/확인하세요) > divider > CTA 순서 명확 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 잘림 없음. 레드 액센트바(4px)+그라디언트 조합 세련 |
| DQ-04 | 피드 차별화 | 10 | 좌측 레드 액센트바 + 레드 글로우 + 도시 배경이 GDN에서 강한 차별화 |
| DQ-05 | 감정적 임팩트 | 10 | 도시 야경의 고독감+레드 경고 컬러=이직 결정의 두려움 |
| DQ-06 | 여백/레이아웃 | 9 | Headline 3줄로 수직 공간 활용. padding 44px로 여백 확보. 다소 촘촘하나 허용 범위 |
| DQ-07 | 색상 가시성 | 9 | EF3B24 on 0D0D0D=4.92 AAA Large 통과. Badge/CTA 5.05:1 |
| DQ-08 | 타이포그래피 | 10 | 84px/900, 44px/700, 40px/700 -- 모든 규칙 충족 |
| DQ-09 | CTA 효과성 | 10 | 화살표 포함, 구체적 문구, 레드 버튼. 좌측 정렬 자연스러움 |
| DQ-10 | 브랜드 일관성 | 10 | 1080과 완벽히 동일한 레드+블랙 시스템. 템플릿만 A/B 전환 |
| | **소계** | **97** | |

---

## Cell-7: 서울대보험쌤 x 정당한 보상

### 1080x1080 (meta-feed)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 10 | 고풍스러운 서재/도서관 배경이 "서울대보험쌤" 학자 이미지와 완벽 부합 |
| DQ-02 | 시각적 계층 구조 | 9 | Badge(시에나) > Headline(크림+카라멜) > CTA. 다만 Badge와 CTA 컬러 유사하여 계층 약간 희석 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 오버플로우 없음. 다크 브라운 패널 마감 양호. text-shadow 적절 |
| DQ-04 | 피드 차별화 | 9 | 서재 배경이 Cell-1/Cell-4와 확실히 다른 톤. 다만 Cell-1(크림패널)과 패널 레이아웃 유사 |
| DQ-05 | 감정적 임팩트 | 10 | "3년째 참았던" -- 공감+분노. "저는 바꿨어요" -- 행동 촉구. 1인칭 서사가 강력 |
| DQ-06 | 여백/레이아웃 | 10 | 중앙 패널 900px, 상하 균형. 2줄 헤드라인으로 공간 효율적 |
| DQ-07 | 색상 가시성 | **7** | **CTA 그라디언트 끝점 #D4956A에서 #FFFFFF 대비 2.53:1 -- AA Large(3:1)조차 미달. 그라디언트 우측 약 40%가 가독성 위험 구간** |
| DQ-08 | 타이포그래피 | 10 | 88px/900, 48px/700, 40px/700 -- 모든 규칙 충족 |
| DQ-09 | CTA 효과성 | 9 | "수익 구조 직접 확인 ->" 화살표, 구체적. 다만 DQ-07 가독성 이슈가 CTA 인지에 영향 가능 |
| DQ-10 | 브랜드 일관성 | 9 | 카라멜+브라운 시스템 통일. Cell-1 골드와 차별화되나, 1080/1200 간 통일 양호 |
| | **소계** | **92** | |

### 1200x628 (google-resp)

| # | 항목 | 점수 | 사유 |
|---|---|---|---|
| DQ-01 | 레퍼런스 재현도 | 10 | 클래식 서재 데스크+창문 채광이 학구적 분위기 연출. 1080과 다른 앵글로 다양성 확보 |
| DQ-02 | 시각적 계층 구조 | 9 | Badge > Headline 3줄 > divider > CTA. 좌측 정렬 자연스러움 |
| DQ-03 | 프로 완성도 | 9 | 텍스트 잘림 없음. 다만 "3년째 참았던/수수료, 저는/바꿨어요" 3줄 줄바꿈이 어색할 수 있음 |
| DQ-04 | 피드 차별화 | 8 | Cell-1 1200과 레이아웃 구조(좌측텍스트+우측배경) 동일. **Cell-7에는 accent-bar 없어 차별화 요소 부족** |
| DQ-05 | 감정적 임팩트 | 10 | 1인칭 서사 유지. 서재 배경의 따뜻한 톤이 공감 극대화 |
| DQ-06 | 여백/레이아웃 | 9 | 좌측 66% 영역 적절. Headline 3줄로 수직 공간 빡빡하나 허용 범위 |
| DQ-07 | 색상 가시성 | **7** | **CTA 동일 이슈: #FFFFFF on #D4956A = 2.53:1. 그라디언트 끝점 가독성 위험** |
| DQ-08 | 타이포그래피 | 10 | 84px/900, 44px/700, 40px/700 -- 모든 규칙 충족 |
| DQ-09 | CTA 효과성 | 9 | 화살표+구체적 문구. DQ-07 영향으로 감점 |
| DQ-10 | 브랜드 일관성 | 9 | 1080과 동일 카라멜+브라운. 다만 accent-bar 유무 차이(Cell-1에는 있고 Cell-7에는 없음) |
| | **소계** | **90** | |

---

## 종합 결과

| 배너 | 총점 | 판정 | 핵심 이슈 |
|---|---|---|---|
| Cell-1 1080x1080 | **93** | **PASS** | DQ-07: 골드 강조색 #A07828 대비율 3.81:1 (AAA Large 미달) |
| Cell-1 1200x628 | **95** | **PASS** | -- |
| Cell-4 1080x1080 | **97** | **PASS** | -- |
| Cell-4 1200x628 | **97** | **PASS** | -- |
| Cell-7 1080x1080 | **92** | **FAIL** | DQ-07: CTA 그라디언트 끝점 대비율 2.53:1 (AA Large조차 미달) |
| Cell-7 1200x628 | **90** | **FAIL** | DQ-07 + DQ-04: CTA 대비+accent-bar 부재로 차별화 부족 |

---

## 발견된 이슈 목록 (7건)

### CRITICAL (즉시 수정 필요)

**ISSUE-1: Cell-7 CTA 그라디언트 대비율 치명적 미달**
- 위치: Cell-7 1080x1080, 1200x628 모두
- 코드: DQ-07
- 수치: `#FFFFFF` on `#D4956A`(그라디언트 끝점) = **2.53:1** -- WCAG AA Large(3:1)조차 미달
- 수정안: CTA 그라디언트를 `#8B4513 -> #A0522D`로 어둡게 변경하거나, 끝점을 `#8B6243`(대비율 4.5:1+) 이하로 조정. 또는 단색 `#A0522D`(5.62:1) 사용

### MAJOR (강력 권고)

**ISSUE-2: Cell-1 1080 골드 강조색 AAA Large 미달**
- 위치: Cell-1 1080x1080 Headline "다른가요?" 
- 코드: DQ-07
- 수치: `#A07828` on `#FFF8E7` = **3.81:1** -- AAA Large 4.5:1 미달 (AA Large 3:1은 통과)
- 수정안: `#7A5A1A`(더 어두운 골드) 또는 `#8B6914`로 변경하여 4.5:1+ 확보

**ISSUE-3: Cell-7 1200 accent-bar 부재로 Cell-1 1200 대비 차별화 부족**
- 위치: Cell-7 1200x628
- 코드: DQ-04
- 설명: Cell-1 1200에는 좌측 골드 accent-bar가 있으나, Cell-7 1200에는 없음. 같은 좌측-텍스트/우측-배경 구조에서 시각적 차별화 요소 부족
- 수정안: 카라멜 세로 accent-bar 추가 또는 수평 상단 바 추가

### MINOR (개선 권고)

**ISSUE-4: Cell-4 Badge/CTA 대비율 AAA Normal 미달**
- 위치: Cell-4 전체
- 코드: DQ-07
- 수치: `#FFFFFF` on `#D42B17` = 5.05:1 -- AAA Normal(7:1) 미달이나, Large Text 기준(4.5:1)은 통과
- 영향: 40px+ 대형 텍스트이므로 실질적 가독성 문제는 낮음. 참고용 기록

**ISSUE-5: 1200x628 Headline 3줄 줄바꿈 문제**
- 위치: Cell-1, Cell-4, Cell-7 모든 1200x628
- 코드: DQ-06
- 설명: 가로형 배너에서 66% 영역에 3줄 헤드라인 배치 시 수직 공간이 촘촘함. 특히 Cell-7 "3년째 참았던/수수료, 저는/바꿨어요"는 의미 단위 줄바꿈이 어색
- 수정안: "3년째 참았던 수수료,/저는 바꿨어요"로 2줄 줄바꿈 또는 font-size 78px으로 축소

**ISSUE-6: Cell-7 Badge와 CTA의 컬러 유사성**
- 위치: Cell-7 1080x1080
- 코드: DQ-02
- 설명: Badge(#A0522D)와 CTA 그라디언트(#A0522D->#D4956A) 색상이 유사하여 시각적 계층에서 두 요소의 구분이 약함
- 수정안: Badge를 #6B3A1F(더 어두운 시에나)로 차별화하거나, CTA에 아웃라인/테두리 추가

**ISSUE-7: Cell-1 1080 vs Cell-7 1080 패널 레이아웃 유사성**
- 위치: 셀 간 비교
- 코드: DQ-04
- 설명: 둘 다 중앙 반투명 패널(900px) + 중앙 정렬 텍스트 구조. 패널 색상(크림 vs 다크브라운)만 다름
- 영향: 동일 캠페인 내 다른 셀이므로 피드에서 동시 노출 시 유사하게 인지될 수 있음
- 수정안: Cell-7 1080을 좌측 정렬 레이아웃으로 변경 또는 패널 형태(모서리 둥글기, 크기) 차별화 검토

---

## 브랜드별 컬러 시스템 검증

| | Cell-1 인카 | Cell-4 GA | Cell-7 SNU |
|---|---|---|---|
| 지정 Primary | #C9A84C (골드) | #EF3B24 (레드) | #D4956A (카라멜) |
| 지정 Secondary | #0A1628 (네이비) | #0D0D0D (블랙) | #3E2723 (브라운) |
| HTML 확인 | Badge #C9A84C, BG #0A1628 | Badge #D42B17, BG #0D0D0D | Badge #A0522D, overlay #3E2723 |
| 실제 사용 | 지정색 정확 | 레드 변형(#D42B17) 사용 -- 허용 | **카라멜은 강조에만, Primary는 #A0522D(시에나)** |
| 판정 | OK | OK | **주의: Badge/CTA에 지정 #D4956A 대신 #A0522D 사용** |

**Cell-7 컬러 참고:** 카라멜 #D4956A는 Headline 강조와 디바이더에만 사용. Badge/CTA는 더 어두운 시에나 #A0522D를 사용하는데, 이는 대비율 확보를 위한 의도적 선택으로 보임. 다만 CTA 그라디언트가 #D4956A까지 밝아지면서 대비 문제 발생 -- ISSUE-1 참조.

---

## 최종 판정 요약

- **4장 PASS** (Cell-1 1080/1200, Cell-4 1080/1200) -- 93~97점
- **2장 FAIL** (Cell-7 1080/1200) -- 90~92점
- **FAIL 사유:** CTA 그라디언트 끝점 대비율 2.53:1 (WCAG AA Large 3:1조차 미달)
- **최우선 수정:** Cell-7 CTA 배경색 그라디언트를 `linear-gradient(135deg, #7B4226 0%, #A0522D 100%)` 등으로 변경하여 최소 4.5:1 확보
- **Cell-1 1080 경고:** 골드 강조 #A07828 대비 3.81 -- PASS이나 AAA Large 미달. 추후 개선 권장

---

*Report generated by Loki (Red Team Lead) | DQ Evaluation Protocol v3.2*
*Zero Issue = Red Flag policy: 7 issues identified across 6 banners*