# DQ Evaluation Phase 3 - v4 (Cycle 2 Re-evaluation)

**Evaluator:** Loki (Security/Red Team Lead)
**Date:** 2026-04-04
**Scope:** Cell-1, Cell-4, Cell-7 (1080x1080 + 1200x628 = 6 banners)
**PASS Threshold:** 93/100 per banner

---

## Evaluation Criteria (DQ 10 Items)

| # | Item | Weight |
|---|------|--------|
| DQ-01 | Text Legibility & Readability | 10 |
| DQ-02 | Layout Balance & Spacing | 10 |
| DQ-03 | CTA Visibility & Urgency | 10 |
| DQ-04 | Visual Differentiation (cross-cell) | 10 |
| DQ-05 | Brand Consistency (intra-cell 1080/1200) | 10 |
| DQ-06 | Background-Text Separation | 10 |
| DQ-07 | WCAG Contrast Compliance (AAA-large) | 10 |
| DQ-08 | Typographic Hierarchy (flat hierarchy check) | 10 |
| DQ-09 | Element Completeness | 10 |
| DQ-10 | Cross-size Structural Consistency | 10 |

---

## Cell-1 (인카금융서비스 TOP사업단)

### Contrast Ratio Verification

| Element | Color | Background | Ratio | AAA-large (4.5:1) |
|---------|-------|------------|-------|-------------------|
| 1080 urgency | #5C4410 | cream #FFF8E7 | 8.66:1 | PASS |
| 1080 sub-copy | #A07828 | cream #FFF8E7 | 3.81:1 | **FAIL** |
| 1080 headline | #3E2723 | cream #FFF8E7 | 13.05:1 | PASS |
| 1080 badge text | #1A0E00 | #C9A84C | 8.30:1 | PASS |
| 1200 urgency | #C9A84C | dark ~(10,22,40) | 7.93:1 | PASS |
| 1200 sub-copy | #C9A84C | dark ~(10,22,40) | 7.93:1 | PASS |
| 1200 headline | #FFF8E7 | dark ~(10,22,40) | 18.13:1 | PASS |

### Hierarchy Analysis

- **1080:** sub-copy(44px/500/#A07828) vs urgency(40px/500/#5C4410) -- 색상만 다름, weight 동일. sub-copy가 더 크고 밝아 계층 구분 존재하나 weight 동일은 약점
- **1200:** sub-copy(40px/500/#C9A84C) vs urgency(40px/500/#C9A84C) -- **완전 동일 스타일. 계층 구분 0**

### Element Order

- 1080: badge -> headline -> divider -> sub-copy -> urgency -> CTA (6 elements)
- 1200: badge -> headline -> sub-copy -> urgency -> CTA (5 elements, no divider)
- 구조 차이: 1080에만 gold-divider 존재 (경미한 구조적 차이)

### Score Table - Cell-1 1080

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 9 | 모든 텍스트 읽기 쉬움. cream 패널이 배경 분리 효과적 |
| DQ-02 | Layout Balance | 10 | 중앙 패널 정렬, 24px gap 균일 |
| DQ-03 | CTA Visibility | 10 | 골드 그래디언트 CTA, 충분한 크기와 그림자 |
| DQ-04 | Visual Differentiation | 9 | Cell-7 카라멜과 골드 구분 명확 |
| DQ-05 | Brand Consistency | 9 | 1200과 동일 카피, 유사 구조 |
| DQ-06 | BG-Text Separation | 10 | 크림 반투명 패널+blur 효과적 |
| DQ-07 | WCAG Contrast | 8 | urgency AAA PASS(8.66:1), **sub-copy 3.81:1 AAA FAIL** |
| DQ-08 | Typographic Hierarchy | 8 | sub-copy/urgency weight 동일(500). 색상+크기 차이로 부분 구분 |
| DQ-09 | Element Completeness | 10 | badge, headline, divider, sub-copy, urgency, CTA 모두 존재 |
| DQ-10 | Cross-size Consistency | 9 | 1200과 요소 순서 일치, divider 차이는 포맷 적응 |
| | **Total** | **92** | |

### Score Table - Cell-1 1200

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 10 | 좌측 정렬, 큰 텍스트, 어두운 배경에 밝은 텍스트 |
| DQ-02 | Layout Balance | 10 | accent-bar + 좌측 정렬, 20px gap |
| DQ-03 | CTA Visibility | 10 | 골드 그래디언트 CTA, 좌측 하단 배치 |
| DQ-04 | Visual Differentiation | 9 | Cell-7 카라멜과 구분 가능 |
| DQ-05 | Brand Consistency | 9 | 1080과 동일 카피 |
| DQ-06 | BG-Text Separation | 10 | gradient overlay 강력, 좌측 95% 불투명 |
| DQ-07 | WCAG Contrast | 10 | 모든 요소 AAA-large 통과 |
| DQ-08 | Typographic Hierarchy | 7 | **sub-copy와 urgency 완전 동일 스타일(#C9A84C/500/40px). flat hierarchy 미해결** |
| DQ-09 | Element Completeness | 10 | badge, headline, sub-copy, urgency, CTA 모두 존재 |
| DQ-10 | Cross-size Consistency | 9 | 1080과 요소 순서 대응 |
| | **Total** | **94** | |

### Cell-1 Verdict

| Size | Score | Result |
|------|-------|--------|
| 1080 | 92 | **FAIL** (< 93) |
| 1200 | 94 | **PASS** |

**Core Issues:**
1. **[CRITICAL] 1080 sub-copy #A07828 AAA-large FAIL (3.81:1 < 4.5:1)** -- urgency는 수정했으나 sub-copy의 대비율이 AAA 미달
2. **[MAJOR] 1200 sub-copy/urgency flat hierarchy** -- 색상, 크기, weight 모두 동일하여 계층 구분 불가

---

## Cell-4 (GA 이동 전, 이것부터 확인하세요)

### Structural Consistency Verification (v3 핵심 감점 원인)

| Aspect | 1080 | 1200 | Match? |
|--------|------|------|--------|
| Element 1 | brand-tag | brand-tag | YES |
| Element 2 | headline | headline | YES |
| Element 3 | sub-copy | sub-copy | YES |
| Element 4 | date-tag | date-tag | YES |
| Element 5 | cta-button | cta-button | YES |
| Element count | 5 | 5 | YES |
| sub-copy-2 | N/A | **Removed** | YES |
| Gap | 24px | 20px | Acceptable (format adaptation) |

**v3 DQ-10 감점 원인 해결: CONFIRMED**

### Contrast Ratio Verification

| Element | Color | Background | Ratio | AAA-large |
|---------|-------|------------|-------|-----------|
| 1080 headline | #FFF | dark panel rgba(13,13,13,0.82) | ~16:1+ | PASS |
| 1080 sub-copy | rgba(255,255,255,0.90) | dark panel | ~14:1+ | PASS |
| 1080 date-tag | rgba(239,59,36,0.85) | dark panel | ~5.5:1+ | PASS |
| 1080 CTA | #FFF | #EF3B24 | ~4.6:1 | PASS |
| 1200 headline | #FFF | dark gradient | ~16:1+ | PASS |
| 1200 sub-copy | rgba(255,255,255,0.90) | dark gradient | ~14:1+ | PASS |
| 1200 date-tag | rgba(239,59,36,0.85) | dark gradient | ~5.5:1+ | PASS |

### Hierarchy Analysis

- **1080:** headline(68px/800) > sub-copy(46px/600/white) > date-tag(42px/700/red) > CTA
- **1200:** headline(62px/800) > sub-copy(40px/600/white) > date-tag(42px/700/red) > CTA
- **Issue:** 1200에서 date-tag(42px/700)이 sub-copy(40px/600)보다 약간 크고 무거움. 의미적으로 date-tag가 하위인데 시각적으로 더 강조됨

### Score Table - Cell-4 1080

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 10 | 흰 텍스트 on 다크 패널, 선명 |
| DQ-02 | Layout Balance | 10 | 중앙 패널 정렬, 24px gap |
| DQ-03 | CTA Visibility | 10 | 레드 CTA 46px, 강한 box-shadow |
| DQ-04 | Visual Differentiation | 10 | 레드 팔레트, Cell-1/7과 완전히 다른 색상 체계 |
| DQ-05 | Brand Consistency | 10 | 1200과 동일 카피 및 구조 |
| DQ-06 | BG-Text Separation | 10 | 다크 패널 + blur, 레드 글로우 분위기 |
| DQ-07 | WCAG Contrast | 10 | 모든 요소 AAA-large 통과 |
| DQ-08 | Typographic Hierarchy | 9 | headline>sub-copy>date-tag 구분 명확. date-tag/sub-copy 크기 근접(46 vs 42) |
| DQ-09 | Element Completeness | 10 | brand-tag, headline, sub-copy, date-tag, CTA 모두 존재 |
| DQ-10 | Cross-size Consistency | 10 | 1080/1200 완전 동일 순서, 5개 요소 |
| | **Total** | **99** | |

### Score Table - Cell-4 1200

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 10 | 좌측 정렬, 다크 배경에 고대비 텍스트 |
| DQ-02 | Layout Balance | 10 | accent-bar + 좌측 정렬, 20px gap |
| DQ-03 | CTA Visibility | 10 | 레드 CTA, 좌측 하단 자연스러운 배치 |
| DQ-04 | Visual Differentiation | 10 | 레드 팔레트 고유 |
| DQ-05 | Brand Consistency | 10 | 1080과 동일 카피 |
| DQ-06 | BG-Text Separation | 10 | gradient overlay 효과적 |
| DQ-07 | WCAG Contrast | 10 | 모든 요소 AAA-large 통과 |
| DQ-08 | Typographic Hierarchy | 8 | date-tag(42px/700) > sub-copy(40px/600): 의미 계층과 시각 계층 역전 |
| DQ-09 | Element Completeness | 10 | 모든 요소 존재 |
| DQ-10 | Cross-size Consistency | 10 | 1080과 완전 동일 구조 |
| | **Total** | **98** | |

### Cell-4 Verdict

| Size | Score | Result |
|------|-------|--------|
| 1080 | 99 | **PASS** |
| 1200 | 98 | **PASS** |

**Core Issue:**
1. **[MINOR] 1200 date-tag vs sub-copy 계층 역전** -- date-tag(42px/700)가 sub-copy(40px/600)보다 시각적으로 더 강조. 의미적 하위 요소가 상위처럼 보임

---

## Cell-7 (서울대보험쌤)

### Palette Change Verification (v3 핵심 수정)

| Element | Before (v3) | After (v4) | Verified |
|---------|------------|------------|----------|
| 1080 badge | #C9A84C + dark text | #A0522D + **#FFF** | YES |
| 1080 headline accent | gold | #A0522D (caramel) | YES |
| 1080 sub-copy | gold-ish | #7A3D1F | YES |
| 1080 urgency | gold-ish | #7A3D1F | YES |
| 1080 CTA | gold gradient | #A0522D gradient + #FFF | YES |
| 1200 badge | gold | #A0522D + #FFF | YES |
| 1200 headline accent | gold | #D4956A | YES |
| 1200 sub-copy | gold | #D4956A | YES |
| 1200 urgency | gold | #D4956A | YES |
| 1200 CTA | gold gradient | #A0522D gradient + #FFF | YES |
| 1200 accent-bar | gold | #A0522D gradient | YES |
| 1080 overlay | dark navy | **rgba(62,39,35,0.58)** brown | YES |
| 1200 overlay | dark navy | **rgba(62,39,35)** brown gradient | YES |

**팔레트 전면 교체: CONFIRMED -- 골드 -> 딥 카라멜 완료**

### Contrast Ratio Verification

| Element | Color | Background | Ratio | AAA-large (4.5:1) |
|---------|-------|------------|-------|-------------------|
| 1080 urgency | #7A3D1F | cream #FFF8E7 | 7.89:1 | PASS |
| 1080 sub-copy | #7A3D1F | cream #FFF8E7 | 7.89:1 | PASS |
| 1080 headline | #3E2723 | cream #FFF8E7 | 13.05:1 | PASS |
| 1080 badge | #FFF | #A0522D | 5.62:1 | PASS |
| 1080 CTA | #FFF | #A0522D | 5.62:1 | PASS |
| 1200 urgency | #D4956A | brown ~(62,39,35) | 5.47:1 | PASS |
| 1200 sub-copy | #D4956A | brown ~(62,39,35) | 5.47:1 | PASS |
| 1200 headline | #FFF8E7 | brown ~(62,39,35) | 13.05:1 | PASS |

### Hierarchy Analysis

- **1080:** sub-copy(44px/500/#7A3D1F) vs urgency(40px/**600**/#7A3D1F) -- 동일 색상, 크기 차이 4px, weight 차이 있음
- **1200:** sub-copy(40px/500/#D4956A) vs urgency(40px/500/#D4956A) -- **완전 동일 스타일. flat hierarchy**

### Score Table - Cell-7 1080

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 10 | cream 패널에 갈색 텍스트, 선명도 높음 |
| DQ-02 | Layout Balance | 10 | 중앙 패널, 24px gap 균일 |
| DQ-03 | CTA Visibility | 10 | 카라멜 그래디언트 CTA, 흰 텍스트, 충분한 그림자 |
| DQ-04 | Visual Differentiation | 10 | Cell-1 골드와 명확히 구분. 카라멜 #A0522D vs 골드 #C9A84C |
| DQ-05 | Brand Consistency | 9 | 1200과 동일 카피, 카라멜 톤 통일 |
| DQ-06 | BG-Text Separation | 10 | cream 패널 + 브라운 오버레이 효과적 |
| DQ-07 | WCAG Contrast | 10 | 모든 요소 AAA-large 통과 (최저 5.62:1) |
| DQ-08 | Typographic Hierarchy | 8 | sub-copy/urgency 동일 색상. 크기(44 vs 40)와 weight(500 vs 600) 차이만으로 계층 구분 약함 |
| DQ-09 | Element Completeness | 10 | badge, headline, sub-copy, urgency, CTA 모두 존재 |
| DQ-10 | Cross-size Consistency | 9 | 1200과 요소 순서 대응, divider 없음 통일 |
| | **Total** | **96** | |

### Score Table - Cell-7 1200

| # | Item | Score | Notes |
|---|------|-------|-------|
| DQ-01 | Legibility | 10 | 좌측 정렬, 크림 텍스트 on 브라운, 선명 |
| DQ-02 | Layout Balance | 10 | accent-bar + 좌측 정렬, 20px gap |
| DQ-03 | CTA Visibility | 10 | 카라멜 CTA, 흰 텍스트 |
| DQ-04 | Visual Differentiation | 10 | Cell-1 골드와 완전히 구분 (갈색 오버레이 vs 네이비 오버레이) |
| DQ-05 | Brand Consistency | 9 | 1080과 동일 카피 |
| DQ-06 | BG-Text Separation | 10 | brown gradient overlay 효과적 |
| DQ-07 | WCAG Contrast | 10 | 모든 요소 AAA-large 통과 (최저 5.47:1) |
| DQ-08 | Typographic Hierarchy | 7 | **sub-copy와 urgency 완전 동일 스타일(#D4956A/500/40px). flat hierarchy 미해결** |
| DQ-09 | Element Completeness | 10 | 모든 요소 존재 |
| DQ-10 | Cross-size Consistency | 9 | 1080과 요소 순서 대응 |
| | **Total** | **95** | |

### Cell-7 Verdict

| Size | Score | Result |
|------|-------|--------|
| 1080 | 96 | **PASS** |
| 1200 | 95 | **PASS** |

**Core Issue:**
1. **[MAJOR] 1200 sub-copy/urgency flat hierarchy** -- 완전 동일 스타일로 계층 구분 불가 (Cell-1 1200과 동일 패턴)

---

## Summary Scoreboard

| Banner | DQ-01 | DQ-02 | DQ-03 | DQ-04 | DQ-05 | DQ-06 | DQ-07 | DQ-08 | DQ-09 | DQ-10 | Total | Result |
|--------|-------|-------|-------|-------|-------|-------|-------|-------|-------|-------|-------|--------|
| Cell-1 1080 | 9 | 10 | 10 | 9 | 9 | 10 | **8** | **8** | 10 | 9 | **92** | **FAIL** |
| Cell-1 1200 | 10 | 10 | 10 | 9 | 9 | 10 | 10 | **7** | 10 | 9 | **94** | PASS |
| Cell-4 1080 | 10 | 10 | 10 | 10 | 10 | 10 | 10 | 9 | 10 | 10 | **99** | PASS |
| Cell-4 1200 | 10 | 10 | 10 | 10 | 10 | 10 | 10 | **8** | 10 | 10 | **98** | PASS |
| Cell-7 1080 | 10 | 10 | 10 | 10 | 9 | 10 | 10 | **8** | 10 | 9 | **96** | PASS |
| Cell-7 1200 | 10 | 10 | 10 | 10 | 9 | 10 | 10 | **7** | 10 | 9 | **95** | PASS |

---

## Issues Found (Devil's Advocate)

### Issue #1 -- CRITICAL: Cell-1 1080 sub-copy AAA-large FAIL

- **Element:** sub-copy `#A07828` on cream `#FFF8E7`
- **Measured:** 3.81:1 (AA-large PASS, AAA-large FAIL at 4.5:1)
- **Impact:** urgency 색상은 `#5C4410`으로 수정하여 8.66:1 달성했으나, sub-copy는 그대로 `#A07828` 유지. 결과적으로 urgency만 수정하고 sub-copy의 AAA 미달을 간과
- **Fix:** sub-copy 색상을 `#7A5A1E` 정도로 어둡게 조정 (목표 4.5:1+)

### Issue #2 -- MAJOR: Cell-1/7 1200 sub-copy vs urgency flat hierarchy

- **Cell-1 1200:** sub-copy와 urgency 모두 `#C9A84C / 500 / 40px` -- 구분 불가
- **Cell-7 1200:** sub-copy와 urgency 모두 `#D4956A / 500 / 40px` -- 구분 불가
- **Impact:** 1080에서는 색상 또는 weight 차이로 최소 구분이 되지만, 1200 포맷 전환 시 이 구분이 사라짐
- **Fix:** 1200 urgency에 별도 스타일 부여 (font-weight 600, 또는 opacity 조정, 또는 italic)

### Issue #3 -- MINOR: Cell-4 1200 date-tag vs sub-copy 시각 계층 역전

- **date-tag:** 42px / 700 / red
- **sub-copy:** 40px / 600 / white
- **Impact:** date-tag가 sub-copy보다 의미적으로 하위인데, 크기(+2px)와 weight(+100) 모두 더 강함
- **Fix:** date-tag를 38px/600으로 축소하거나, sub-copy를 44px/700으로 키워 계층 복원

### Issue #4 -- OBSERVATION: Cell-7 1080 sub-copy/urgency 동일 색상

- **sub-copy:** #7A3D1F / 44px / 500
- **urgency:** #7A3D1F / 40px / 600
- **Impact:** 크기 4px 차이와 weight 차이(500 vs 600)만으로는 한눈에 계층 구분이 어려움. 1080에서는 PASS 수준이나 최적은 아님
- **Recommendation:** urgency 색상을 약간 다른 톤(예: #8B4513)으로 조정하면 즉시 구분력 향상

---

## v3 -> v4 개선 사항 인정

| Fix Item | Status | Evidence |
|----------|--------|----------|
| Cell-1 urgency #5C4410 AAA 확보 | **RESOLVED** | 8.66:1 AAA-large PASS |
| Cell-1 urgency weight 600->500 | **RESOLVED** | CSS 확인 font-weight:500 |
| Cell-4 1080/1200 요소 순서 통일 | **RESOLVED** | 5개 요소 완전 동일 순서 |
| Cell-4 1200 sub-copy-2 삭제 | **RESOLVED** | HTML에서 제거 확인 |
| Cell-4 1200 gap 16->20px 복원 | **RESOLVED** | CSS gap:20px 확인 |
| Cell-7 골드->카라멜 팔레트 전환 | **RESOLVED** | 11개 요소 전면 교체 확인 |
| Cell-1/7 시각적 차별화 | **RESOLVED** | 골드 vs 카라멜+브라운 오버레이 명확 구분 |

---

## Final Verdict

| Cell | 1080 | 1200 | Overall |
|------|------|------|---------|
| Cell-1 | **92 FAIL** | 94 PASS | **PARTIAL FAIL** |
| Cell-4 | 99 PASS | 98 PASS | **PASS** |
| Cell-7 | 96 PASS | 95 PASS | **PASS** |

**Overall: Cell-4, Cell-7 PASS / Cell-1 PARTIAL FAIL (1080 only)**

---

## 종합 요약 (500자 이내)

Cycle 2 수정으로 v3의 핵심 감점 원인 대부분이 해결되었다. Cell-4는 1080/1200 요소 순서 완전 통일(5개), sub-copy-2 삭제, gap 복원으로 DQ-10 만점을 달성하여 99/98로 확실한 PASS. Cell-7은 골드에서 딥 카라멜(#A0522D) 팔레트로 전면 전환하여 Cell-1과의 시각적 차별화가 명확해졌고, 모든 요소 AAA-large 대비율을 통과하여 96/95 PASS. 그러나 Cell-1 1080은 urgency AAA를 수정하면서 sub-copy(#A07828)의 AAA-large 미달(3.81:1)을 간과하여 92점 FAIL. 또한 Cell-1/7의 1200 배너에서 sub-copy와 urgency가 완전 동일 스타일로 flat hierarchy 문제가 잔존한다. Cell-1 1080의 sub-copy 색상 보정 1건만 처리하면 전체 PASS 가능한 수준이다.