# DQ 10항목 100점 평가 -- Task 1447.1
**평가자:** 로키 (보안팀 레드팀 팀장, Devil's Advocate)
**평가일:** 2026-04-04
**대상:** 3셀 x 2포맷 = 6장 배너 (관리자/조직 비전 앵글)

---

## CSS 수치 검증 요약

### 공통 규칙 충족 여부

| 항목 | 규칙 | Cell-2 Google | Cell-2 Meta | Cell-5 Google | Cell-5 Meta | Cell-8 Google | Cell-8 Meta |
|------|------|:---:|:---:|:---:|:---:|:---:|:---:|
| 헤드라인 크기 | 84px+ | 84px | 84px | 84px | 84px | 84px | 84px |
| 헤드라인 weight | 800-900 | 800 | 800 | 800 | 800 | 800 | 800 |
| 서브헤드 크기 | 64px+ | 64px | 64px | 64px | 64px | 64px | 64px |
| 서브헤드 weight | 600-700 | 600 | 600 | 600 | 600 | 600 | 600 |
| CTA 크기 | 40px+ | 40px | 48px | 40px | 48px | 40px | 48px |
| CTA weight | 700-800 | 700 | 700 | 700 | 700 | 700 | 700 |
| 폰트 2종+ | 필수 | Pretendard + NotoSerifKR | Pretendard + NotoSerifKR | Pretendard + GothicA1 | Pretendard + GothicA1 | Pretendard + NotoSerifKR | Pretendard + NotoSerifKR |
| 텍스트 요소 | 최대 3개 | 3 (H/S/CTA) | 3 (H/S/CTA) | 3 (H/S/CTA) | 3 (H/S/CTA) | 3 (H/S/CTA) | 3 (H/S/CTA) |
| 전면 불투명 오버레이 | 금지 | gradient (PASS) | rgba 0.82 패널 (주의) | gradient (PASS) | rgba 0.82 패널 (주의) | gradient (PASS) | rgba 0.82 패널 (주의) |

**전면 불투명 오버레이 판정:** Meta 포맷 3장 모두 `.text-panel`에 `rgba(x,x,x,0.82)` 배경 적용. 그러나 이것은 전면(full-screen) 오버레이가 아니라 880px 너비의 중앙 패널이므로, 규칙 위반이 아닌 것으로 판정한다. `.dark-overlay`는 `rgba 0.40`으로 반투명이므로 이 역시 전면 불투명에 해당하지 않는다.

### 카피 검증

| 셀 | 기준 헤드라인 | HTML 헤드라인 | 일치 |
|-----|-------------|-------------|:---:|
| Cell-2 | "지점장 이직, 89일이 골든타임" | "지점장 이직, 89일이 골든타임" | O |
| Cell-5 | "GA 지점장, 혼자 시작 안 해도 됩니다" | "GA 지점장, 혼자 시작 안 해도 됩니다" | O |
| Cell-8 | "1200% 룰 후엔 지점장 문, 좁아집니다" | "1200% 룰 후엔 지점장 문, 좁아집니다" | O |

| 셀 | 기준 CTA | HTML CTA | 일치 |
|-----|---------|---------|:---:|
| Cell-2 | "지점장 이직 상담받기" | "지점장 이직 상담받기 -->" | O |
| Cell-5 | "지점장 비전 상담 신청" | "지점장 비전 상담 신청 -->" | O |
| Cell-8 | "지점장 이직 상담 신청" | "지점장 이직 상담 신청 -->" | O |

모든 카피 일치 확인. 화살표(-->)는 CTA 관례로 문제 없음.

---

## 배너별 DQ 10항목 점수표

### 1. Cell-2 Google Responsive (1200x628)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 9 | 좌측 텍스트 + 우측 도시 야경 이미지. 그라디언트 오버레이로 자연스러운 블렌딩. 프리미엄 부동산/금융 광고 레퍼런스에 충실 |
| DQ-02 시각적 계층 구조 | 10 | Headline(84px/800 white+gold) > Subhead(64px/600 serif) > CTA(40px/700 금색 버튼). 3단 계층 명확 |
| DQ-03 프로 완성도 | 9 | 악센트 바, text-shadow, box-shadow 등 디테일 우수. 야경 배경과 금색 하이라이트의 프리미엄 톤 |
| DQ-04 피드 차별화 | 9 | Google 가로형에서 좌측 텍스트/우측 이미지 분할. 일반 보험 광고 대비 프리미엄 시각 언어 차별화 |
| DQ-05 감정적 임팩트 | 9 | "89일이 골든타임" -- 긴급성 + 골든 컬러 조합이 시각적 긴장감 유발 |
| DQ-06 여백/레이아웃 밸런스 | 9 | padding 48-60px 충분. gap 20px. 텍스트 영역 720px/1200px = 60% 비율 적절 |
| DQ-07 색상 가시성/조화 | 10 | 다크(#0D0D0D) + 골드(#FFB800) + 화이트. 고급스러운 3색 조합. 가독성 탁월 |
| DQ-08 타이포그래피 품질 | 10 | Pretendard 800 + NotoSerifKR 600 듀얼 폰트. letter-spacing -0.03em. line-height 1.15. 프로페셔널 |
| DQ-09 CTA 효과성 | 9 | 금색 배경 버튼, 충분한 크기(40px), shadow 효과. 좌측 정렬로 시선 동선 자연스러움 |
| DQ-10 브랜드 일관성 | 9 | 프리미엄 다크+골드 컬러 시스템 일관. InCar 셀 아이덴티티 반영 |
| **합계** | **93** | **PASS** |

### 2. Cell-2 Meta Feed (1080x1080)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 9 | 중앙 패널 카드 디자인. 배경 오피스 야경 위 반투명 다크 패널 -- 모바일 피드 최적화 |
| DQ-02 시각적 계층 구조 | 10 | 중앙 정렬 3단 계층. 정사각형 포맷에서 시선 집중 효과 극대화 |
| DQ-03 프로 완성도 | 9 | backdrop-filter blur(4px), border-radius 12px, box-shadow 레이어링. 고급 UI 카드 느낌 |
| DQ-04 피드 차별화 | 9 | 반투명 카드 UI가 Instagram/Facebook 피드에서 눈에 띄는 차별적 형태 |
| DQ-05 감정적 임팩트 | 9 | 골든 하이라이트 "89일이"가 중앙에서 강렬한 시각적 앵커 역할 |
| DQ-06 여백/레이아웃 밸런스 | 10 | 카드 880/1080 = 81% 비율. padding 64px/56px. gap 28px. 정사각형 내 중앙 배치 밸런스 우수 |
| DQ-07 색상 가시성/조화 | 10 | 다크 패널 위 화이트+골드 텍스트. 명암 대비 최상. CTA 버튼 48px로 모바일 탭 최적 |
| DQ-08 타이포그래피 품질 | 10 | Google 포맷과 동일 폰트 시스템. CTA 48px로 정사각형 포맷 대응 스케일업 적절 |
| DQ-09 CTA 효과성 | 9 | 48px, min-width 360px, 6px shadow. 모바일 터치 타겟 충분. 중앙 정렬로 피드 스크롤 중 인식성 |
| DQ-10 브랜드 일관성 | 9 | Google 포맷과 동일 컬러/폰트 시스템. 포맷 전환 시 일관성 유지 |
| **합계** | **94** | **PASS** |

### 3. Cell-5 Google Responsive (1200x628)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 9 | 네이비 그라디언트 + 회의실 배경. Cell-2와 다른 톤으로 GA 브랜드 차별화 성공 |
| DQ-02 시각적 계층 구조 | 10 | "혼자"를 gold 강조한 3줄 헤드라인 > 서브헤드 > CTA. 계층 분명 |
| DQ-03 프로 완성도 | 9 | 네이비(#0D2545) 톤이 금융/비즈니스 프리미엄 느낌. 도시 야경 회의실이 '함께 시작' 메시지 보강 |
| DQ-04 피드 차별화 | 9 | Cell-2 다크와 구분되는 딥 네이비 톤. GA 셀만의 시각적 아이덴티티 확보 |
| DQ-05 감정적 임팩트 | 9 | "혼자 시작 안 해도 됩니다" -- 안도감/소속감 자극. gold "혼자" 강조가 고립감 환기 후 해소 |
| DQ-06 여백/레이아웃 밸런스 | 9 | padding 36-60px. 3줄 헤드라인이 세로 공간을 더 차지하나 gap 18px로 압축 관리 |
| DQ-07 색상 가시성/조화 | 9 | 네이비+앰버 골드(#F5A623)+화이트. Cell-2의 다크+골드와 구별되면서도 조화로움 |
| DQ-08 타이포그래피 품질 | 9 | Pretendard + GothicA1로 Cell-2와 다른 서브헤드 폰트. GothicA1 SemiBold가 깔끔한 산세리프 조합 |
| DQ-09 CTA 효과성 | 9 | 앰버 배경 + 네이비 텍스트(#0D2545). Cell-2의 금색/검정과 다른 조합으로 셀별 차별화 |
| DQ-10 브랜드 일관성 | 9 | GA 셀 네이비 톤 시스템 일관. 타 셀 대비 명확히 구분되는 색상 정체성 |
| **합계** | **92** | **FAIL** |

**감점 사유:**
- DQ-06: 3줄 헤드라인("GA 지점장," / "혼자 시작" / "안 해도 됩니다")이 628px 세로 공간에서 서브헤드+CTA와 함께 약간 빠듯한 느낌. padding-top/bottom 36px가 Cell-2의 48px보다 좁아 상단 여백 부족.

**수정 방법:**
1. padding을 `42px 48px 42px 60px`로 6px 증가하여 상하 여유 확보
2. 또는 gap을 `16px`로 2px 줄여 헤드라인-서브헤드 간격 미세 조정
3. 이 조정만으로 DQ-06이 10점이 되어 합계 93점 PASS 가능

### 4. Cell-5 Meta Feed (1080x1080)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 9 | 네이비 반투명 카드 + 바 인테리어 배경. 따뜻한 조명과 네이비 카드의 온도 대비 효과적 |
| DQ-02 시각적 계층 구조 | 10 | 중앙 정렬 3줄 헤드라인 > 서브헤드 > CTA. 정사각형 내 계층 명확 |
| DQ-03 프로 완성도 | 9 | 바/라운지 배경이 '함께' 분위기를 시각적으로 보강. 카드 패널 디테일 우수 |
| DQ-04 피드 차별화 | 9 | Cell-2 Meta의 다크 톤과 완전히 다른 네이비+웜 조명 조합 |
| DQ-05 감정적 임팩트 | 10 | 따뜻한 바 조명 배경이 "혼자 시작 안 해도 됩니다" 메시지와 감정적으로 시너지. 환영/소속감 극대화 |
| DQ-06 여백/레이아웃 밸런스 | 10 | 정사각형 1080x1080에서 카드 비율 적절. 64px/56px padding 충분 |
| DQ-07 색상 가시성/조화 | 9 | 네이비 패널(0.82) 위 화이트+골드. 배경 웜톤과 앰버 골드의 색온도 조화 |
| DQ-08 타이포그래피 품질 | 9 | Pretendard + GothicA1 산세리프 듀얼. 깔끔한 모던 산세리프 조합 |
| DQ-09 CTA 효과성 | 10 | 48px 앰버 버튼, 76px 높이, min-width 360px. 피드 내 최적 터치 타겟 |
| DQ-10 브랜드 일관성 | 9 | GA 네이비 + 앰버 컬러 시스템 Google 포맷과 일관 |
| **합계** | **94** | **PASS** |

### 5. Cell-8 Google Responsive (1200x628)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 9 | 밝은 오피스 인테리어 + 다크 그레이 그라디언트. 낮 시간대 사무실이 '현실' 분위기 전달 |
| DQ-02 시각적 계층 구조 | 10 | "좁아집니다"를 레드 강조. 서브헤드는 앰버 골드. 3색 계층(흰/빨강/금) 시각 분리 탁월 |
| DQ-03 프로 완성도 | 9 | 레드(#E74C3C) + 다크 그레이(#1C1C1C) 위기감 톤. accent-bar의 레드 그라디언트 디테일 |
| DQ-04 피드 차별화 | 10 | Cell-2(다크+금), Cell-5(네이비+앰버)와 완전히 다른 위기/경고 톤. 3셀 간 시각적 다양성 최고 |
| DQ-05 감정적 임팩트 | 10 | "1200% 룰 후엔 지점장 문, 좁아집니다" -- FOMO 자극 + 레드 색상이 긴급성 시각적으로 각인 |
| DQ-06 여백/레이아웃 밸런스 | 9 | padding 36-60px. 3줄 헤드라인 + 서브헤드 + CTA. Cell-5와 동일 이슈이나 텍스트 길이가 짧아 여유 있음 |
| DQ-07 색상 가시성/조화 | 10 | 화이트(#F5F5F0) + 레드(#E74C3C) + 앰버 서브헤드(#F5A623). 3색 신호등 조합이 경고 맥락에 완벽 |
| DQ-08 타이포그래피 품질 | 10 | Pretendard + NotoSerifKR. 서브헤드 세리프(NotoSerifKR)에 앰버 컬러 적용이 권위감 부여 |
| DQ-09 CTA 효과성 | 9 | 레드(#C0392B) 버튼 + 흰 텍스트. 위기 톤과 일치하는 CTA 색상. 행동 촉구 강력 |
| DQ-10 브랜드 일관성 | 9 | SNU 셀 고유의 레드/경고 톤. 타 셀과 명확히 구분되면서도 전체 캠페인 내 통일감 |
| **합계** | **95** | **PASS** |

### 6. Cell-8 Meta Feed (1080x1080)

| DQ 항목 | 점수 | 비고 |
|---------|:----:|------|
| DQ-01 레퍼런스 재현도 | 8 | 서재/도서관 배경이 '학구적' 분위기. 다만 Google 포맷의 밝은 오피스와 톤 차이가 크다 |
| DQ-02 시각적 계층 구조 | 10 | 레드 "좁아집니다" + 앰버 서브헤드 + 레드 CTA. 위기 시각 언어 일관 |
| DQ-03 프로 완성도 | 9 | 카드 패널 디테일(blur, shadow, border-radius) 우수. 서재 배경의 질감 풍부 |
| DQ-04 피드 차별화 | 9 | 서재 배경이 타 셀 Meta 포맷 대비 차별화. 피드 내 시선 유도 효과적 |
| DQ-05 감정적 임팩트 | 10 | 레드 + "좁아집니다" FOMO. 서재 배경이 '지금 공부/준비하지 않으면' 긴박감 보강 |
| DQ-06 여백/레이아웃 밸런스 | 9 | 정사각형 내 카드 배치 적절. 3줄 헤드라인이 카드 내 세로를 충분히 활용 |
| DQ-07 색상 가시성/조화 | 9 | 다크 패널 위 오프화이트+레드+앰버. 서재 배경의 갈색 톤과 앰버의 자연스러운 조화 |
| DQ-08 타이포그래피 품질 | 10 | Pretendard + NotoSerifKR 조합. Google 포맷과 일관된 품질 |
| DQ-09 CTA 효과성 | 9 | 레드 48px 버튼, 76px 높이. 모바일 터치 최적화. 위기 톤 CTA 색상 일관 |
| DQ-10 브랜드 일관성 | 9 | SNU 레드 시스템 유지. 다만 배경 차이(밝은 오피스 vs 서재)로 1점 감점은 DQ-01에서 처리 |
| **합계** | **92** | **FAIL** |

**감점 사유:**
- DQ-01(-2): Google 포맷의 밝은 모던 오피스와 Meta 포맷의 어두운 서재가 동일 셀 내에서 분위기 불일치. 같은 Cell-8인데 '현대적 사무실'과 '고전적 서재'의 갭이 크다. 시각적 연속성이 약화됨.

**수정 방법:**
1. Meta 배경을 Google과 유사한 밝은 오피스/회의실 계열로 교체하여 셀 내 포맷 간 시각적 연속성 확보
2. 또는 서재 배경의 밝기를 올리고 모던 요소(유리, 도시 전망)를 추가하여 Google 포맷과의 톤 격차 축소
3. 배경 교체만으로 DQ-01이 9점이 되어 합계 93점 PASS 가능

---

## 종합 결과

| # | 배너 | 합계 | 판정 |
|---|------|:----:|:----:|
| 1 | Cell-2 Google 1200x628 | **93** | **PASS** |
| 2 | Cell-2 Meta 1080x1080 | **94** | **PASS** |
| 3 | Cell-5 Google 1200x628 | **92** | **FAIL** |
| 4 | Cell-5 Meta 1080x1080 | **94** | **PASS** |
| 5 | Cell-8 Google 1200x628 | **95** | **PASS** |
| 6 | Cell-8 Meta 1080x1080 | **92** | **FAIL** |

**PASS: 4/6 (67%)**
**FAIL: 2/6 (33%)**

### FAIL 배너 수정 요약

| 배너 | 감점 항목 | 현재 점수 | 수정 방법 | 예상 효과 |
|------|----------|:--------:|----------|:--------:|
| Cell-5 Google | DQ-06 여백 밸런스 (9점) | 92 | padding 36px -> 42px 또는 gap 18px -> 16px | +1 -> 93 PASS |
| Cell-8 Meta | DQ-01 레퍼런스 재현도 (8점) | 92 | 배경 이미지를 밝은 모던 오피스 계열로 교체 | +1 -> 93 PASS |

### 전체 강점 (로키 인정 사항)
1. **CSS 수치 규칙 100% 충족**: 6장 전부 헤드라인 84px/800, 서브헤드 64px/600, CTA 40px+/700. 기술적 하드 FAIL 없음
2. **폰트 2종 규칙 100% 충족**: Pretendard + NotoSerifKR(Cell-2/8) 또는 GothicA1(Cell-5)
3. **텍스트 3요소 규칙 100% 충족**: 모든 배너 Headline + Subhead + CTA 구성
4. **전면 불투명 오버레이 금지 규칙 충족**: 그라디언트(Google) + 부분 패널(Meta) 방식
5. **카피 100% 일치**: copy-v3.2-final.md 기준 전량 일치 확인
6. **3셀 간 차별화 우수**: 다크+골드(Cell-2) / 네이비+앰버(Cell-5) / 그레이+레드(Cell-8)

### 전체 약점 (로키 지적 사항)
1. **Cell-5 Google**: 3줄 헤드라인의 세로 압박 -- padding 미세 조정 필요
2. **Cell-8 Meta**: 배경 톤 불일치 -- 같은 셀 내 포맷 간 시각적 연속성 관리 필요

---
*평가 완료: 2026-04-04 | 로키 (Devil's Advocate)*