# DQ 100점 평가 보고서 — Cell-2, Cell-5, Cell-8 (Leader 셀)

**평가자:** 로키 (보안팀/레드팀 팀장, Devil's Advocate)
**평가일:** 2026-04-04
**평가 대상:** 6장 (3셀 x 2포맷)

---

## 1. Cell-2 인카금융서비스 — Meta Feed 1080x1080

### 배너 파일
- PNG: `cell-2-incar-leader/meta-feed-1080x1080.png`
- HTML: `cell-2-incar-leader/meta-feed-1080x1080.html`

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 60px / weight 700 |
| 서브카피 font-size | 44px / weight 500 |
| 긴급카피 font-size | 40px / weight 500 |
| CTA font-size | 48px / weight 700 |
| 패널 width | 860px, padding 56px 48px |
| 패널 배경 | rgba(255,248,231,0.82) |

### 평가

**DQ-01: 레퍼런스 재현도 — 9/10**
- 배경 이미지: 고층 오피스 회의실 야경, 포토리얼 수준 우수. 유리창 반사, 조명 디테일 양호.
- Cell-1 대비 배경 톤이 달라졌으나 오피스 무드 유지. 감점: 배경 이미지가 다소 어둡게 렌더링되어 오버레이(rgba(10,22,40,0.58)) 적용 후 배경 디테일 식별성 약간 저하.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지(40px) -> 헤드라인(60px) -> 서브카피(44px) -> 긴급카피(40px) -> CTA(48px) 순서로 4단 계층 명확.
- gold-divider 요소로 헤드라인/서브카피 영역 시각적 분리. Cell-1과 동일한 구조.

**DQ-03: 프로 완성도 — 9/10**
- 패널 860px 내 텍스트 수용 양호. CTA 높이 76px, line-height 76px 정렬 정확.
- white-space: nowrap 적용으로 줄바꿈 강제 방지.
- 감점 1: 긴급카피 "사무실 개설비 지원 | 1200% 룰 시행 전 지금" 텍스트가 860px-(48px*2)=764px 가용 폭에서 40px 기준 약 760px 소요 추산 — 경계선 수준. PNG 확인 시 텍스트가 패널 내 수용되나 좌우 마진이 극히 좁음.

**DQ-04: 피드 차별화 — 10/10**
- 크림색 반투명 패널(rgba(255,248,231,0.82)) + 골드 배지(#C9A84C) + 골드 디바이더 조합이 일반적인 다크 배너와 확실히 차별화.
- Cell-1과 동일한 비주얼 아이덴티티 유지하면서도 카피 차별화.

**DQ-05: 감정적 임팩트 — 9/10**
- "89일이 골든타임" — 구체적 숫자로 긴박감 전달 우수.
- 감점: "사무실 개설비 지원 | 1200% 룰 시행 전 지금"의 마지막 "지금"이 다소 급하게 끊기는 느낌. "지금이 기회"나 "지금 확인" 등보다 마무리감이 약함.

**DQ-06: 여백/레이아웃 밸런스 — 10/10**
- 1080x1080에서 text-panel이 top:50% left:50% + transform: translate(-50%,-50%)으로 완벽 중앙 배치.
- 패널 padding 56px 48px으로 내부 여백 충분.

**DQ-07: 색상 가시성/조화 — 9/10**
- 뱃지: #1A0E00 on #C9A84C — 대비율 약 10.2:1 (AAA PASS).
- 헤드라인: #3E2723 on rgba(255,248,231,0.82) — 추정 대비율 약 9.8:1 (AAA PASS).
- 서브카피: #6B5010 on 크림 배경 — 추정 대비율 약 5.6:1 (AA PASS, AAA 대형텍스트 PASS).
- 감점: 긴급카피 색상 #5C4410 on 크림 배경 — 추정 대비율 약 5.1:1. 40px(대형 텍스트)이므로 AAA 4.5:1 기준 PASS이나 여유가 크지 않음.

**DQ-08: 타이포그래피 품질 — 9/10**
- 헤드:서브 비율: 60px / 44px = 1.36배 (1.3배+ 기준 PASS).
- 모든 텍스트 최소 40px (PASS). 최소값 = urgency 40px.
- 모든 font-weight 500+ (PASS, 400 이상 기준 충족).
- 감점: 헤드라인 60px vs Cell-4(GA)의 68px, Cell-1의 60px과는 동일. 다만 헤드라인과 서브카피 사이 비율이 1.36배로 최소 기준에 가까움. 1.5배 이상이면 더 명확한 계층 전달.

**DQ-09: CTA 효과성 — 10/10**
- "지점장 이직 상담받기 →" — 화살표 포함, 구체적 행동(상담받기) 유도.
- CTA 48px / 700 weight / 골드 그라데이션 배경. 박스쉐도우로 입체감 부여.
- "지점장" 호칭 사용 (PASS).

**DQ-10: 브랜드 일관성 — 10/10**
- Cell-1 vs Cell-2 비교:
  - 동일 패널 구조 (크림 반투명 860px, 동일 padding/border-radius)
  - 동일 뱃지 스타일 (#C9A84C 배경, 40px/700)
  - 동일 헤드라인 스타일 (60px/700, #3E2723)
  - 동일 골드 디바이더
  - 동일 CTA 스타일 (골드 그라데이션, 48px/700)
  - 디자인 시스템 100% 일치.

**총점: 95/100 — PASS**

---

## 2. Cell-2 인카금융서비스 — Google Responsive 1200x628

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 58px / weight 700 |
| 서브카피 font-size | 40px / weight 500 |
| 긴급카피 font-size | 40px / weight 500 |
| CTA font-size | 44px / weight 700 |
| 텍스트 영역 width | 62% (=744px) |
| 액센트바 | 4px 골드 세로바 |

### 평가

**DQ-01: 레퍼런스 재현도 — 10/10**
- 야경 도시 스카이라인 배경, 유리 인테리어 반사. 포토리얼 품질 매우 우수.
- 우측 65% 배경 + 좌측 다크 그라데이션 오버레이. 배경 디테일과 텍스트 가독성 양립.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지(40px) -> 헤드라인(58px) -> 서브카피(40px) -> 긴급카피(40px) -> CTA(44px) 순서 명확.
- 좌측 정렬로 시선 흐름 자연스러움.

**DQ-03: 프로 완성도 — 8/10**
- 감점 2: PNG 이미지 확인 결과, "사무실 개설비 지원 | 1200% 룰 시행 전 지금" 텍스트의 우측이 배경 이미지 영역 경계와 매우 가까움. 62% 텍스트 영역(744px) 내 padding-left 60px 적용 시 실질 가용 폭 약 628px인데, 40px 기준 해당 텍스트 길이가 가용 폭에 빡빡하게 들어감. 렌더링된 PNG에서 "지금" 글자 뒤에 약간 잘리는 느낌 관찰됨.
- CTA height 56px에 line-height 56px 정렬은 정확.

**DQ-04: 피드 차별화 — 10/10**
- 좌측 4px 골드 세로 액센트바 + 다크-투-트랜스페어런트 그라데이션. 일반 배너 대비 시각적 고급감.

**DQ-05: 감정적 임팩트 — 9/10**
- 배경 야경 + "89일이 골든타임" 조합으로 긴박감 우수.
- 감점: 1080 버전과 동일 카피이나 가로형에서는 한 줄에 모든 정보가 나열되어 스캔 속도 빠르나 깊이감이 약간 줄어듦.

**DQ-06: 여백/레이아웃 밸런스 — 9/10**
- 좌측 62% 텍스트 / 우측 38% 배경 비율 적절.
- 감점: padding 좌측 60px이나 accent-bar가 left:0에 위치하여 텍스트와 바 사이 간격이 60px으로 넓은 편. 다만 Cell-1과 동일 구조이므로 시스템 일관성 관점에서 수용.

**DQ-07: 색상 가시성/조화 — 9/10**
- 헤드라인: #FFF8E7 on 다크 오버레이(rgba(10,22,40,0.95)) — 대비율 약 16.5:1 (AAA PASS).
- 서브카피/긴급: #C9A84C on 다크 배경 — 대비율 약 7.8:1 (AAA PASS).
- CTA: #1A0E00 on 골드 그라데이션 — 대비율 약 10.2:1 (AAA PASS).
- 감점: 골드 텍스트(#C9A84C)가 배경 그라데이션 전환부에서 약간 가독성 저하 가능성.

**DQ-08: 타이포그래피 품질 — 9/10**
- 헤드:서브 비율: 58px / 40px = 1.45배 (1.3배+ PASS).
- 모든 텍스트 최소 40px (PASS).
- 모든 font-weight 500+ (PASS).
- 감점: 서브카피와 긴급카피 모두 40px/500으로 동일 스타일 — 두 줄 간 시각적 구분이 약함. Cell-1에서도 동일 패턴이므로 시스템적 이슈.

**DQ-09: CTA 효과성 — 10/10**
- "지점장 이직 상담받기 →" — 화살표 포함, 구체적 행동 유도, "지점장" 호칭 정확.
- 44px/700, 골드 그라데이션, align-self: flex-start로 좌측 정렬.

**DQ-10: 브랜드 일관성 — 10/10**
- Cell-1 1200x628과 완벽 일치:
  - 동일 gradient-overlay 색상값 (rgba(10,22,40,...))
  - 동일 accent-bar (4px 골드, top:80px, height:460px)
  - 동일 text-area 구조 (62%, padding 동일)
  - 동일 뱃지/헤드라인/서브/CTA 스타일 시스템

**총점: 94/100 — PASS**

---

## 3. Cell-5 GA — Meta Feed 1080x1080

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 68px / weight 800 |
| date-tag font-size | 42px / weight 700 |
| 서브카피 font-size | 46px / weight 600 |
| CTA font-size | 46px / weight 700 |
| 패널 width | 860px, padding 60px 52px |
| 패널 배경 | rgba(13,13,13,0.82) |

### 평가

**DQ-01: 레퍼런스 재현도 — 9/10**
- 바/라운지 분위기 배경, 따뜻한 조명, 벽돌벽 텍스처. 포토리얼 수준 양호.
- 감점: 배경 이미지의 해상도가 1080 대응이나 중앙 패널로 대부분 가려져 배경 기여도가 제한적.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지(40px) -> 헤드라인(68px) -> date-tag(42px) -> divider -> 서브카피(46px) -> CTA(46px).
- 4단 계층 + 구분선으로 명확한 시각 분리. Cell-4와 동일한 레드/다크 시스템.

**DQ-03: 프로 완성도 — 9/10**
- 패널 860px, padding 60px 52px. 가용 폭 약 756px.
- 헤드라인 "GA 지점장, 혼자 시작 안 해도 됩니다" — word-break: keep-all 적용, 2줄 줄바꿈 처리.
- PNG 확인: 텍스트 패널 내 모든 콘텐츠 수용됨. 오버플로우 없음.
- 감점 1: CTA의 height가 auto(padding: 22px 48px)로 고정 높이 미사용. 기능적 문제 없으나 Cell-4 CTA와의 일관성(동일 padding 기반)은 유지됨.

**DQ-04: 피드 차별화 — 10/10**
- 다크 패널 + 레드 뱃지(#EF3B24) + 레드 글로우(radial-gradient) + 레드 디바이더 조합.
- 레드/블랙 대비가 피드에서 강렬한 시선 집중 효과.

**DQ-05: 감정적 임팩트 — 10/10**
- "혼자 시작 안 해도 됩니다" — 불안 해소 + 공감 유발 카피.
- "1200% 룰 시행 전 지점장 전환이 유리한 이유" — 논리적 긴급성.
- 레드 글로우가 감정적 긴장감 부여.

**DQ-06: 여백/레이아웃 밸런스 — 10/10**
- 패널 top:50% left:50% transform: translate(-50%,-50%) 완벽 중앙 배치.
- padding 60px 52px으로 내부 여백 충분. gap은 margin-bottom으로 개별 제어.

**DQ-07: 색상 가시성/조화 — 9/10**
- 헤드라인: #FFFFFF on rgba(13,13,13,0.82) — 대비율 약 17.4:1 (AAA PASS).
- 뱃지: #FFFFFF on #EF3B24 — 대비율 약 4.6:1 (AA PASS, AAA 대형텍스트 4.5:1 PASS).
- 서브카피: rgba(255,255,255,0.90) on 다크 패널 — 대비율 약 15.1:1 (AAA PASS).
- date-tag: rgba(239,59,36,0.85) on 다크 패널 — 대비율 약 4.2:1.
- **감점 1: date-tag의 실효 대비율이 약 4.2:1로 AAA 대형텍스트 기준 4.5:1에 미달.** 42px이므로 대형 텍스트로 분류되나 AAA 기준 불충족. 단, AA 대형텍스트 3:1은 충족.

**DQ-08: 타이포그래피 품질 — 10/10**
- 헤드:서브 비율: 68px / 46px = 1.48배 (1.3배+ PASS).
- 모든 텍스트 최소 40px (PASS). 최소값 = badge 40px.
- 모든 font-weight 600+ (PASS).
- 헤드라인 800 weight로 강조 효과 우수.

**DQ-09: CTA 효과성 — 10/10**
- "지점장 비전 상담 신청 →" — 화살표 포함, "비전 상담"이라는 구체적 가치 제안.
- "지점장" 호칭 정확 (PASS).
- 레드 배경(#EF3B24) + 백색 텍스트, 시인성 우수.

**DQ-10: 브랜드 일관성 — 10/10**
- Cell-4 vs Cell-5 비교:
  - 동일 다크 패널 구조 (rgba(13,13,13,0.82), 860px)
  - 동일 레드 뱃지 (#EF3B24, 40px/700)
  - 헤드라인 Cell-4: 68px/800, Cell-5: 68px/800 (일치)
  - 동일 레드 글로우 + 다크 오버레이 시스템
  - 동일 CTA 스타일 (레드 배경, 46px/700)
  - 디자인 시스템 일치.

**총점: 97/100 — PASS**

---

## 4. Cell-5 GA — Google Responsive 1200x628

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 62px / weight 800 |
| date-tag font-size | 42px / weight 700 |
| 서브카피 font-size | 40px / weight 600 |
| CTA font-size | 44px / weight 700 |
| 좌측 영역 width | 760px |
| 액센트바 | 4px 레드 세로바 |

### 평가

**DQ-01: 레퍼런스 재현도 — 9/10**
- 회의실 야경 배경, 도시 스카이라인 노출. 포토리얼 품질 우수.
- 감점: 배경 이미지가 좌측 그라데이션(0.92 opacity)으로 많이 가려짐. 우측 하단에서만 배경 확인 가능.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지 -> 헤드라인 -> date-tag -> divider -> 서브카피 -> CTA 순서 명확.
- 좌측 정렬 기반 위->아래 자연스러운 시선 흐름.

**DQ-03: 프로 완성도 — 8/10**
- **감점 2: divider 구현 방식 이슈.** Cell-5 1200x628의 divider가 HTML 텍스트 문자 "─────────────────────────────"으로 구현됨. Cell-5 1080 버전은 CSS 기반 `height:1px; background: rgba(239,59,36,0.7)` 사용. Cell-4 1200에서는 divider가 아예 없고 date-tag가 구분자 역할. **이 텍스트 기반 구분선은 프로 완성도 저하.** 고정폭 폰트가 아닌 경우 길이가 가변적이고, 시각적으로 깔끔하지 않음.
- 나머지 텍스트 수용은 양호.

**DQ-04: 피드 차별화 — 10/10**
- 레드 세로 액센트바(4px #EF3B24) + 레드 글로우 + 다크 그라데이션. 강렬한 시각적 차별화.

**DQ-05: 감정적 임팩트 — 10/10**
- 1080 버전과 동일한 카피 효과. 가로형에서도 임팩트 유지.

**DQ-06: 여백/레이아웃 밸런스 — 9/10**
- 좌측 760px(63.3%) 텍스트 / 우측 배경 비율.
- 감점: Cell-4 1200 대비 좌측 콘텐츠 영역(760px)은 동일하나, Cell-4에서는 content-area + padding-left:64px인 반면 Cell-5에서는 left 컨테이너 + accent-bar + text-stack(padding-left:28px) 구조. 기능적 동등하나 패딩 체계가 다름.

**DQ-07: 색상 가시성/조화 — 9/10**
- 헤드라인: #FFFFFF on rgba(13,13,13,0.92) — 대비율 약 18.2:1 (AAA PASS).
- 서브카피: rgba(255,255,255,0.90) on 다크 배경 — 약 15.8:1 (AAA PASS).
- **감점: date-tag rgba(239,59,36,0.85) on 다크 배경 — 대비율 약 4.2:1. AAA 대형텍스트 4.5:1 기준 미달.** 1080 버전과 동일 이슈.
- divider 텍스트의 font-weight: 400 — **font-weight 400 이상 기준은 충족하나 경계선.**

**DQ-08: 타이포그래피 품질 — 9/10**
- 헤드:서브 비율: 62px / 40px = 1.55배 (1.3배+ PASS).
- 모든 텍스트 최소 40px (PASS).
- 감점: divider 텍스트가 40px / weight 400으로 400 기준 경계. 기능적으로는 구분선이므로 텍스트 계층에 포함하기 애매하나, HTML 텍스트로 구현된 이상 타이포 품질에 영향.

**DQ-09: CTA 효과성 — 10/10**
- "지점장 비전 상담 신청 →" — 화살표 포함, 구체적 행동, "지점장" 호칭 정확.
- 44px/700 레드 배경, 좌측 정렬.

**DQ-10: 브랜드 일관성 — 9/10**
- Cell-4 1200 vs Cell-5 1200 비교:
  - 레드 세로 액센트바 구현 방식 차이: Cell-4는 absolute position(top:60px bottom:60px), Cell-5는 flex 아이템(margin:60px 0). 기능적 동일하나 구현 불일치.
  - divider 구현 차이: Cell-4에는 divider 없음, Cell-5에는 텍스트 기반 "───" 사용. Cell-5 1080에서는 CSS 기반 1px line 사용. **동일 셀 내 포맷 간 divider 구현 불일치.**
  - 감점 1: 위 구현 불일치는 시각적으로는 큰 차이 없으나 코드 수준 일관성 저하.

**총점: 93/100 — PASS (경계선)**

---

## 5. Cell-8 서울대보험쌤 — Meta Feed 1080x1080

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 60px / weight 700 |
| 서브카피 font-size | 44px / weight 500 |
| 긴급카피 font-size | 40px / weight 600 |
| CTA font-size | 48px / weight 700 |
| 패널 width | 860px, padding 56px 48px |
| 패널 배경 | rgba(255,248,231,0.82) |
| 브랜드 색상 | #A0522D (캐러멜/시에나) |

### 평가

**DQ-01: 레퍼런스 재현도 — 9/10**
- 서재/도서관 배경, 따뜻한 목재 톤. 서울대보험쌤 브랜드의 학구적/신뢰 이미지와 부합.
- 감점: PNG 렌더링에서 이미지가 작게 보임(전체 비율 대비 패널이 크게 차지). 배경의 포토리얼 디테일은 양호하나 오버레이 rgba(62,39,35,0.58)로 상당 부분 가려짐.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지(40px) -> 헤드라인(60px) -> 서브카피(44px) -> 긴급카피(40px) -> CTA(48px).
- Cell-7과 동일한 4단 계층. gold-divider 없으나 gap:28px으로 시각적 분리 충분.

**DQ-03: 프로 완성도 — 10/10**
- 모든 텍스트 패널 내 수용. 오버플로우 없음.
- CTA 76px/76px 정렬 정확. 패널 정중앙 배치.
- 헤드라인 2줄("1200% 룰 후엔 지점장 문," / "좁아집니다") — `<br>` 태그로 의도된 줄바꿈, 깔끔.

**DQ-04: 피드 차별화 — 9/10**
- 크림 반투명 패널 + 캐러멜/시에나(#A0522D) 배지/CTA.
- 감점: Cell-2(인카)의 골드 계열과 비교 시 시각적 차별화 정도가 약간 낮음. 크림 패널 + 따뜻한 강조색이라는 큰 틀은 유사하여 피드에서 두 브랜드 구별이 즉각적이지 않을 수 있음. 다만 이는 의도된 디자인 시스템 범위 내.

**DQ-05: 감정적 임팩트 — 10/10**
- "1200% 룰 후엔 지점장 문, 좁아집니다" — FOMO(기회 상실 두려움) 극대화 카피.
- 시에나 강조색 "좁아집니다"가 경고성 메시지에 적합.

**DQ-06: 여백/레이아웃 밸런스 — 10/10**
- 완벽 중앙 배치 (translate(-50%,-50%)).
- gap: 28px으로 Cell-2(24px)보다 약간 넓어 요소 간 호흡 양호.

**DQ-07: 색상 가시성/조화 — 10/10**
- 뱃지: #FFFFFF on #A0522D — 대비율 약 5.4:1 (AAA 대형텍스트 4.5:1 PASS, AA PASS).
- 헤드라인: #3E2723 on 크림 배경 — 대비율 약 9.8:1 (AAA PASS).
- 헤드라인 accent: #A0522D on 크림 — 대비율 약 4.9:1 (AAA 대형텍스트 PASS).
- 서브카피: #7A3D1F on 크림 — 대비율 약 6.2:1 (AAA 대형텍스트 PASS).
- CTA: #FFFFFF on #A0522D~#C07540 — 약 5.4~3.9:1. **CTA 그라데이션 밝은 끝(#C07540)에서 대비율 약 3.9:1로 AA 대형텍스트 3:1은 PASS하나 AAA 대형텍스트 4.5:1에는 미달.** 다만 글자 중앙은 더 어두운 영역이므로 실질적 가독성은 양호.

**DQ-08: 타이포그래피 품질 — 9/10**
- 헤드:서브 비율: 60px / 44px = 1.36배 (1.3배+ PASS).
- 모든 텍스트 최소 40px (PASS).
- 모든 font-weight 500+ (PASS).
- 감점: Cell-7과 동일하게 헤드:서브 비율이 최소 기준에 가까움.

**DQ-09: CTA 효과성 — 10/10**
- "지점장 이직 상담 신청 →" — 화살표 포함, 구체적 행동, "지점장" 호칭 정확.
- 48px/700, 캐러멜 그라데이션 배경.

**DQ-10: 브랜드 일관성 — 10/10**
- Cell-7 vs Cell-8 비교:
  - 동일 크림 패널 구조 (rgba(255,248,231,0.82), 860px, padding 56px 48px)
  - 동일 뱃지 스타일 (#A0522D, 40px/700)
  - 동일 헤드라인 스타일 (60px/700, #3E2723)
  - 동일 CTA 스타일 (캐러멜 그라데이션, 48px/700, 76px)
  - 동일 오버레이 색상 (rgba(62,39,35,0.58))
  - 디자인 시스템 100% 일치.

**총점: 97/100 — PASS**

---

## 6. Cell-8 서울대보험쌤 — Google Responsive 1200x628

### CSS 핵심 수치 요약
| 항목 | 값 |
|------|-----|
| 뱃지 font-size | 40px / weight 700 |
| 헤드라인 font-size | 58px / weight 700 |
| 서브카피 font-size | 40px / weight 500 |
| 긴급카피 font-size | 40px / weight 500 |
| CTA font-size | 44px / weight 700 |
| 텍스트 영역 width | 62% (=744px) |
| 액센트바 | 4px 캐러멜 세로바 |

### 평가

**DQ-01: 레퍼런스 재현도 — 9/10**
- 모던 오피스 인테리어, 블라인드 너머 도시 뷰. 서울대보험쌤의 전문적 이미지 부합.
- 감점: 좌측 그라데이션(rgba(62,39,35,0.97))이 매우 불투명하여 배경 대부분이 가려짐. 우측 30% 정도에서만 배경 확인 가능.

**DQ-02: 시각적 계층 구조 — 10/10**
- 뱃지 -> 헤드라인 -> 서브카피 -> 긴급카피 -> CTA 순서 명확.
- 좌측 정렬 + 위->아래 자연스러운 시선 흐름.

**DQ-03: 프로 완성도 — 10/10**
- 모든 텍스트 가용 폭 내 수용. 오버플로우 없음.
- 헤드라인 2줄 처리 (<br> 태그) 깔끔.
- CTA 56px/56px 정렬 정확, 좌측 정렬.

**DQ-04: 피드 차별화 — 9/10**
- 캐러멜 세로 액센트바 + 따뜻한 브라운 그라데이션. 고급스러운 톤.
- 감점: Cell-2(인카) 1200 버전과 레이아웃 구조가 거의 동일하고 톤만 다름(골드 vs 캐러멜). 피드에서 두 브랜드 즉각 구별 어려울 수 있음.

**DQ-05: 감정적 임팩트 — 10/10**
- "1200% 룰 후엔 지점장 문, 좁아집니다" — FOMO 카피 가로형에서도 효과 유지.
- accent 색상 #D4956A "좁아집니다"가 적절한 강조.

**DQ-06: 여백/레이아웃 밸런스 — 10/10**
- 좌측 62% / 우측 38% 비율. Cell-7 1200과 동일.
- padding 48px 56px 48px 60px으로 충분한 내부 여백.

**DQ-07: 색상 가시성/조화 — 9/10**
- 헤드라인: #FFF8E7 on rgba(62,39,35,0.97) — 대비율 약 12.1:1 (AAA PASS).
- 서브카피/긴급: #D4956A on 다크 브라운 — 대비율 약 4.8:1 (AAA 대형텍스트 4.5:1 PASS, 여유 적음).
- 감점: #D4956A 텍스트의 대비율 여유가 적어(4.8:1) AAA 대형 기준 경계선. weight 500으로 시인성 보조는 양호하나 주의 필요.

**DQ-08: 타이포그래피 품질 — 9/10**
- 헤드:서브 비율: 58px / 40px = 1.45배 (1.3배+ PASS).
- 모든 텍스트 최소 40px (PASS).
- 모든 font-weight 500+ (PASS).
- 감점: 서브카피와 긴급카피 모두 40px/500으로 동일 스타일 — 시각적 구분 약함(Cell-2 1200과 동일 이슈).

**DQ-09: CTA 효과성 — 10/10**
- "지점장 이직 상담 신청 →" — 화살표 포함, 구체적 행동, "지점장" 호칭 정확.
- 44px/700 캐러멜 그라데이션, 좌측 정렬.

**DQ-10: 브랜드 일관성 — 10/10**
- Cell-7 1200 vs Cell-8 1200 비교:
  - 동일 gradient-overlay (rgba(62,39,35,...) 동일 정지점)
  - 동일 accent-bar (4px, #A0522D~#C07540, top:80px height:460px)
  - 동일 text-area 구조 (62%, 동일 padding)
  - 동일 뱃지/헤드라인/서브/CTA 스타일 시스템
  - 디자인 시스템 100% 일치.

**총점: 96/100 — PASS**

---

## 6장 종합 판정

| # | 셀 | 포맷 | 총점 | 판정 |
|---|-----|------|------|------|
| 1 | Cell-2 인카 | Meta 1080x1080 | 95/100 | **PASS** |
| 2 | Cell-2 인카 | Google 1200x628 | 94/100 | **PASS** |
| 3 | Cell-5 GA | Meta 1080x1080 | 97/100 | **PASS** |
| 4 | Cell-5 GA | Google 1200x628 | 93/100 | **PASS (경계선)** |
| 5 | Cell-8 SNU | Meta 1080x1080 | 97/100 | **PASS** |
| 6 | Cell-8 SNU | Google 1200x628 | 96/100 | **PASS** |

### 전체 평균: 95.3/100 — 전체 PASS

---

## 발견된 주요 이슈 리스트 (7건)

### CRITICAL (수정 권장)

**ISSUE-1: Cell-5 date-tag WCAG AAA 미달 (Cell-5 양쪽 포맷 공통)**
- 위치: `.date-tag` color: `rgba(239,59,36,0.85)` on `rgba(13,13,13,0.82)` 배경
- 실효 대비율: 약 4.2:1 (AAA 대형텍스트 4.5:1 미달)
- 영향: DQ-07에서 각 -1점
- 수정안: `rgba(239,59,36,1.0)` 또는 `#EF3B24` 불투명으로 변경 시 약 5.0:1로 AAA 충족

**ISSUE-2: Cell-5 1200x628 divider 구현 — 텍스트 기반 구분선**
- 위치: `.divider` 내 "─────────────────────────────" (HTML 텍스트 문자)
- 문제: CSS `height:1px; background` 방식이 아닌 유니코드 문자 나열. 프로 완성도 저하, 1080 버전과 구현 불일치
- 영향: DQ-03에서 -2점, DQ-10에서 -1점
- 수정안: 1080 버전과 동일하게 `<div class="divider"></div>` + CSS background 방식으로 교체

### MODERATE (개선 권장)

**ISSUE-3: Cell-2 1200x628 긴급카피 우측 여백 협소**
- 위치: `.urgency` "사무실 개설비 지원 | 1200% 룰 시행 전 지금"
- 62% 텍스트 영역 내 40px 텍스트가 우측 경계에 근접
- 영향: DQ-03에서 -2점
- 수정안: 텍스트 축약 "사무실 개설비 지원 | 1200% 룰 시행 전" 또는 font-size 38px로 축소 (단 40px 미만 위반 주의)

**ISSUE-4: Cell-2/Cell-8 서브카피-긴급카피 시각적 구분 부족 (1200 포맷)**
- Cell-2 1200: sub-copy 40px/500 #C9A84C, urgency 40px/500 #C9A84C — 동일 스타일
- Cell-8 1200: sub-copy 40px/500 #D4956A, urgency 40px/500 #D4956A — 동일 스타일
- 두 줄이 같은 크기/색상/굵기로 계층 구분 불가
- 영향: DQ-08에서 각 -1점
- 수정안: urgency에 font-weight:600 또는 약간의 색상 변경으로 차별화

**ISSUE-5: Cell-8 CTA 그라데이션 밝은 끝 대비율 경계**
- CTA #FFFFFF on #C07540 (그라데이션 밝은 끝) — 약 3.9:1
- AAA 대형텍스트 4.5:1 미달, AA 대형 3:1 PASS
- 실질적으로 글자 대부분이 어두운 영역에 위치하여 체감 가독성은 양호
- 수정안: 그라데이션 끝을 #B06835 정도로 어둡게

### LOW (참고 사항)

**ISSUE-6: Cell-2/Cell-8 헤드:서브 비율 1.36배 — 최소 기준 근접**
- 60px / 44px = 1.36배 (기준 1.3배+ 충족이나 여유 부족)
- 이상적으로 1.5배+ 권장

**ISSUE-7: Cell-2/Cell-8 (인카/SNU) 크림 패널 디자인 유사성**
- 두 브랜드 모두 크림 반투명 패널 + 따뜻한 강조색 사용
- 피드에서 골드(인카) vs 캐러멜(SNU) 색상 차이만으로 브랜드 구별
- 현재 디자인 시스템 범위 내이나, 브랜드 간 차별화 강화 여지 있음

---

## Devil's Advocate 최종 소견

6장 모두 93점 이상으로 **전체 PASS** 판정. Cell-5 1080x1080과 Cell-8 1080x1080이 97점으로 최고점. Cell-5 1200x628이 93점으로 가장 낮으며, 이는 텍스트 기반 divider 구현과 date-tag 대비율 이슈에 기인.

동일 브랜드 간 디자인 시스템 일관성(DQ-10)은 Cell-2/Cell-8 모두 높은 수준. Cell-5는 1080 vs 1200 간 divider 구현 불일치가 유일한 일관성 이슈.

가장 시급한 수정 사항: **ISSUE-2(Cell-5 1200 divider 텍스트 기반 구현)** 교체. 이 단일 수정만으로 Cell-5 1200 점수가 95점 수준으로 상승 예상.

---

*평가 완료. 로키 (보안팀 레드팀 팀장)*
*2026-04-04*