# M1 배너 DQ 100점 재평가 — Cycle 2 (로키)

> **평가일**: 2026-04-01
> **평가 기준**: DQ 10항목 100점 체계 (PASS: 93점 이상)
> **평가자**: 로키 (Devil's Advocate / DQ 평가 전문가)
> **평가 사이클**: Cycle 2 (수정 후 재평가)
> **제외**: m1-2-1200x628.png — Cycle 1에서 93점 PASS, 재평가 불필요

---

## 1. m1-1-1200x628.png (Cycle 1: 91점 → Cycle 2)

**M1-1 (정당한 대우) — 가로형 랜드스케이프**

**수정 내역**: 서브카피 색상 #5B9BD5(라이트 블루) → #F0F4F8(오프화이트)

| 항목 | Cycle 1 | Cycle 2 | 피드백 |
|------|---------|---------|--------|
| DQ-01 레퍼런스 재현도 | 9 | 9 | 유지. 좌측 딥 네이비 그라데이션 + 우측 기업 로비 배경 구도 충실. 인물 배치, 뱃지-헤드라인-서브카피-CTA 수직 흐름 정확. |
| DQ-02 시각적 계층 구조 | 9 | 9 | 유지. 골드 뱃지 → 화이트 헤드라인 → 오프화이트 서브카피 → 골드 CTA. 서브카피가 오프화이트로 변경되면서 헤드라인(순백)과의 미묘한 명도 차이로 계층이 유지됨. 다만 색상 차이가 미세하여 계층 분리가 Cycle 1의 블루/화이트 대비보다 약간 덜 직관적. 그러나 가독성 개선이 이를 상쇄. |
| DQ-03 프로 완성도 | 9 | 9 | 유지. Gemini 포토리얼 배경 품질 높음. 오버레이 블렌딩 자연스러움. |
| DQ-04 피드 차별화 | 9 | 9 | 유지. 다크 네이비 + 밝은 로비의 대비가 피드에서 시선 포착에 효과적. |
| DQ-05 감정적 임팩트 | 9 | 9 | 유지. 질문형 헤드라인 + 혼자 걸어가는 인물의 감정 조합 효과적. |
| DQ-06 여백/레이아웃 밸런스 | 9 | 9 | 유지. 좌측 텍스트/우측 이미지 배분 적절. 요소 간 간격 균등. |
| DQ-07 색상 가시성/조화 | 9 | 10 | **+1**. 핵심 개선. 서브카피가 #F0F4F8으로 변경되면서 딥 네이비 오버레이 위 대비율이 약 11:1 수준으로 AAA 충족. Cycle 1의 라이트 블루(4.8:1, AA Large 경계) 이슈가 완전히 해소됨. 모든 텍스트가 AAA 기준을 클리어. |
| DQ-08 타이포그래피 품질 | 9 | 9 | 유지. 볼드/미디엄 weight 구분 명확. 모든 텍스트 40px+ 충족. |
| DQ-09 CTA 효과성 | 10 | 10 | 유지. 골드 그라데이션 + 다크 텍스트 + 화살표(→) 조합 탁월. |
| DQ-10 브랜드 일관성 | 9 | 9 | 유지. M1 컬러 시스템 일관 적용. |
| **총점** | **91** | **93** | **PASS** |

### 로키 코멘트:
서브카피 색상 변경 하나로 DQ-07이 9→10으로 상승, 총점 93 달성. 깔끔한 수정. 서브카피의 오프화이트가 헤드라인 순백과 시각적으로 거의 동일해 보이는 점은 계층 구조 관점에서 아주 미세한 트레이드오프이나, WCAG AAA 완전 충족이라는 실질적 이득이 훨씬 크다. PASS.

---

## 2. m1-1-1080x1080.png (Cycle 1: 89점 → Cycle 2)

**M1-1 (정당한 대우) — 정사각형 피드**

**수정 내역**: 서브카피 #F0F4F8, 서브카피2("경력직 정착금 최대 50%") 추가, CTA bottom 위치 조정

| 항목 | Cycle 1 | Cycle 2 | 피드백 |
|------|---------|---------|--------|
| DQ-01 레퍼런스 재현도 | 9 | 9 | 유지. 딥 네이비 반투명 오버레이 + 중앙 정렬 + 하단 CTA. 서브카피2 추가로 디렉션의 선택사항이 반영됨. |
| DQ-02 시각적 계층 구조 | 9 | 10 | **+1**. 골드 뱃지 → 화이트 헤드라인 → 서브카피1("투명한 수수료 구조 . 정착률 99%") → 서브카피2("경력직 정착금 최대 50%") → 골드 CTA. 서브카피2 추가로 헤드라인과 CTA 사이의 정보 흐름이 한 단계 더 촘촘해짐. 계층이 4단→5단으로 세분화되어 시선 유도가 더 자연스러워짐. |
| DQ-03 프로 완성도 | 9 | 9 | 유지. 오버레이를 통해 배경 로비/스카이라인이 적절히 비침. 프리미엄 기업 광고 수준 유지. |
| DQ-04 피드 차별화 | 9 | 9 | 유지. 다크 네이비 톤의 기업 광고로 밝은 보험 광고와 차별화. |
| DQ-05 감정적 임팩트 | 9 | 9 | 유지. "경력직 정착금 최대 50%" 추가로 구체적 혜택이 감정(기대감)을 보강. |
| DQ-06 여백/레이아웃 밸런스 | 8 | 10 | **+2**. 핵심 개선. Cycle 1의 최대 문제점이었던 서브카피-CTA 간 과도한 공백이 서브카피2 추가로 완전히 해소됨. CTA bottom 조정으로 하단 여백도 적절해짐. 상단 뱃지~하단 CTA까지의 수직 밸런스가 균형 잡힘. 빈 공간이 의도적 여백으로 전환됨. |
| DQ-07 색상 가시성/조화 | 9 | 10 | **+1**. 서브카피 #F0F4F8 변경으로 AAA 완전 충족. Cycle 1의 라이트 블루 WCAG 경계 이슈 해소. |
| DQ-08 타이포그래피 품질 | 9 | 9 | 유지. 헤드라인 Bold, 서브카피 Medium weight 구분 명확. 서브카피2도 가독성 확보. 모든 텍스트 40px+ 충족으로 보임. |
| DQ-09 CTA 효과성 | 9 | 9 | 유지. 골드 CTA가 하단에서 명확히 보임. CTA bottom 조정으로 하단 여백이 적절해지면서 버튼이 더 안정적으로 보임. |
| DQ-10 브랜드 일관성 | 9 | 9 | 유지. M1 블루/네이비/골드 시스템 일관. |
| **총점** | **89** | **94** | **PASS** |

### 로키 코멘트:
3가지 수정(서브카피 색상, 서브카피2 추가, CTA 위치)이 시너지를 발휘. 특히 서브카피2 추가가 DQ-06을 8→10으로 끌어올린 것이 결정적. "경력직 정착금 최대 50%"가 빈 공간을 채우면서 동시에 구체적 혜택 정보를 전달하여 DQ-02도 상승. 세 가지 수정이 모두 정확한 타격점이었다. PASS.

---

## 3. m1-2-1080x1080.png (Cycle 1: 89점 → Cycle 2)

**M1-2 (관리자 비전) — 정사각형 피드**

**수정 내역**: CTA에 화살표(→) 추가, 혜택 텍스트 중 "전액 지원"에 골드 강조

| 항목 | Cycle 1 | Cycle 2 | 피드백 |
|------|---------|---------|--------|
| DQ-01 레퍼런스 재현도 | 9 | 9 | 유지. 상단 오버레이 → 하단 투명 그라데이션 구조 유지. 브랜드 라인-헤드라인-구분선-혜택-CTA 흐름. |
| DQ-02 시각적 계층 구조 | 9 | 9 | 유지. 계층 구조 명확. 혜택 3줄에서 "사무실 개설비 전액 지원"이 골드로 강조되면서 시각적 앵커가 생겨 계층 분리가 미세하게 개선. 그러나 나머지 2줄과의 색상 차이가 계층이라기보다는 강조에 가까워 0.5점 수준의 개선. 반올림 불가. |
| DQ-03 프로 완성도 | 10 | 10 | 유지. 프리미엄 사무실 배경 품질 탁월. |
| DQ-04 피드 차별화 | 9 | 9 | 유지. 다크 블루 상단 + 밝은 사무실 하단의 독특한 조합. |
| DQ-05 감정적 임팩트 | 9 | 9 | 유지. 오피스 공간 + 도시 뷰의 소유감 전달 효과적. |
| DQ-06 여백/레이아웃 밸런스 | 9 | 9 | 유지. 혜택 3줄로 텍스트 밀도 적절. 상하 패딩 균형. |
| DQ-07 색상 가시성/조화 | 8 | 9 | **+1**. 혜택 "전액 지원"의 골드 강조로 3줄 동일색 단조로움이 해소됨. 골드가 M1 컬러 시스템 내에서 자연스러운 강조 역할을 하며 색상 조화를 해치지 않음. 디렉션의 "리더십 액센트: 골드" 스펙과도 정합. |
| DQ-08 타이포그래피 품질 | 8 | 8 | 유지. 혜택 3줄의 폰트 크기가 여전히 40px 경계선. 정밀 측정에서 40px 이상이면 문제없으나, 시각적으로 작아 보이는 인상은 여전. |
| DQ-09 CTA 효과성 | 9 | 10 | **+1**. 화살표(→) 추가로 "지점 개설 조건 확인 →"가 디렉션 스펙과 완전 일치. 클릭 유도 시각 장치가 강화됨. 1200x628 버전(10점)과 동일 수준으로 상승. |
| DQ-10 브랜드 일관성 | 9 | 9 | 유지. M1 컬러 시스템 일관. |
| **총점** | **89** | **92** | **FAIL** |

### 로키 코멘트:
CTA 화살표 추가(DQ-09 +1)와 골드 강조(DQ-07 +1)로 89→92 상승. 그러나 93점 PASS 라인에 1점 부족. 잔여 이슈는 DQ-08(혜택 폰트 크기 경계선). 혜택 3줄을 2줄로 압축하고 44px을 확보하거나, 3줄 유지 시 최소 42px 이상 확보하면 DQ-08이 9점으로 올라 93 달성 가능. 또한 Cycle 1에서 지적한 "구분선(디렉션 외 요소)"의 세트 내 일관성 문제가 남아 있으나, 구분선 자체가 시각적으로 효과적이므로 감점 유지(DQ-01).

### 추가 수정 필요사항:
1. **혜택 폰트 크기 42~44px 확보**: 3줄 유지 시 최소 42px, 가급적 44px. 또는 2줄 압축("개설비 전액 지원 . 리쿠르팅 협업")으로 44px 확보.

---

## 4. m1-3-1200x628.png (Cycle 1: 89점 → Cycle 2)

**M1-3 (영업지원) — 가로형 랜드스케이프**

**수정 내역**: "1,000만원" 골드(#C5A572) 강조, 패널 opacity 조정

| 항목 | Cycle 1 | Cycle 2 | 피드백 |
|------|---------|---------|--------|
| DQ-01 레퍼런스 재현도 | 9 | 9 | 유지. 밝은 코워킹 배경 + 좌측 화이트 소프트 패널 구도 충실. 브랜드 라인-헤드라인-지원항목-CTA 흐름 정확. |
| DQ-02 시각적 계층 구조 | 9 | 10 | **+1**. "정착금 1,000만원"이 골드로 강조되면서 지원항목 라인에 시각적 앵커가 생김. 브랜드 라인(블루, 작은) → 헤드라인(네이비 Bold, 가장 큼) → 지원항목(블루) + "1,000만원"(골드, 강조) → 블루 CTA로 계층이 4단에서 4.5단으로 세분화. 골드 강조가 시선을 잡아주어 정보 흡수 순서가 더 명확해짐. |
| DQ-03 프로 완성도 | 9 | 9 | 유지. 코워킹 스페이스 자연광이 잘 표현됨. 패널 opacity 조정으로 배경 사무 기기가 약간 더 선명하게 비쳐 공간감이 미세하게 개선. |
| DQ-04 피드 차별화 | 8 | 9 | **+1**. "1,000만원"의 골드 강조가 밝은 배경에서 강한 시각적 포인트를 형성. 일반적인 IT 코워킹 광고와의 차별화가 강화됨. 골드=금융/프리미엄이라는 연상이 보험업계 정체성을 보강. 패널 opacity 조정으로 배경이 더 선명해져 "CSS 텍스트 카드" 느낌도 감소. |
| DQ-05 감정적 임팩트 | 9 | 9 | 유지. "무자본창업" + 밝은 코워킹의 "편안한 시작" 감정 전달 효과적. "1,000만원" 골드가 기대감(구체적 금액)을 시각적으로 증폭. |
| DQ-06 여백/레이아웃 밸런스 | 9 | 9 | 유지. 좌측 60% 텍스트 패널 / 우측 배경 배분 적절. 요소 간 간격 균일. |
| DQ-07 색상 가시성/조화 | 9 | 9 | 유지. 기존 컬러 팔레트에 골드(#C5A572) 한 색만 추가. 밝은 배경 위 골드의 대비가 충분하고(다크 골드 계열이라 밝은 패널 위에서 4.5:1+ 확보 추정), M1 전체의 골드 시스템과 일관. 색상 과다 없이 정확한 포인트. |
| DQ-08 타이포그래피 품질 | 9 | 9 | 유지. 모든 텍스트 40px+ 충족. 자간/줄간격 양호. |
| DQ-09 CTA 효과성 | 9 | 9 | 유지. 블루 CTA("무료 상담 신청 →")가 밝은 배경에서 잘 보임. |
| DQ-10 브랜드 일관성 | 9 | 9 | 유지. M1 블루 + 골드 액센트 시스템 일관. 골드 "1,000만원" 강조가 M1-1, M1-2의 골드 사용과 자연스럽게 연결됨. |
| **총점** | **89** | **93** | **PASS** |

### 로키 코멘트:
"1,000만원" 골드 강조가 DQ-02(계층 구조)와 DQ-04(피드 차별화)를 동시에 끌어올림. 패널 opacity 조정은 미세하나 DQ-04 개선에 기여. 두 가지 수정이 각각 다른 DQ 항목에 적중하여 89→93 달성. 수정 범위 대비 효율이 높다. PASS.

---

## 5. m1-3-1080x1080.png (Cycle 1: 78점 → Cycle 2)

**M1-3 (영업지원) — 정사각형 피드**

**수정 내역**: 오버레이 opacity 0.45→0.35, 지원항목 2줄 분리/44px, "1,000만원" 골드 강조

| 항목 | Cycle 1 | Cycle 2 | 피드백 |
|------|---------|---------|--------|
| DQ-01 레퍼런스 재현도 | 8 | 9 | **+1**. 오버레이 opacity 0.35로 조정되면서 배경 코워킹 스페이스가 선명하게 비침. 인물 실루엣과 사무 환경이 은은히 보여 디렉션의 "배경 인물 실루엣이 은은히 보여야 함" 기준에 근접. 다만 오버레이가 0.35로 낮아지면서 상단 텍스트 영역 일부에서 배경 패턴과 텍스트가 경합하는 구간이 있음. |
| DQ-02 시각적 계층 구조 | 8 | 9 | **+1**. 지원항목이 2줄로 분리되면서 텍스트 밀집도가 해소됨. 브랜드 라인 → 헤드라인 → 지원항목 2줄(+ "1,000만원" 골드) → CTA 흐름이 더 명확해짐. 그러나 현재 이미지를 보면 지원항목 텍스트가 여전히 가독성이 완전하지 않은 구간이 존재. 배경과의 경합 때문. |
| DQ-03 프로 완성도 | 8 | 9 | **+1**. 결정적 개선. Cycle 1에서 "CSS 화이트 단색에 가까운" 인상이었던 것이 배경이 보이면서 해소됨. 코워킹 스페이스의 자연광, 모니터, 인물이 화이트 오버레이를 통해 비치면서 "포토리얼 배경 + 텍스트 오버레이" 구조가 성립. 다만 1200x628 버전의 자연스러운 패널 블렌딩에 비하면 정사각형 전체 오버레이 방식이 약간 덜 세련됨. |
| DQ-04 피드 차별화 | 7 | 8 | **+1**. 배경이 보이면서 "텍스트 카드" 느낌이 상당 부분 탈피. 코워킹 스페이스의 따뜻한 톤이 피드에서 차별화 요소로 기능하기 시작. 그러나 여전히 전체 캔버스에 화이트 오버레이가 걸려 있어, M1-1이나 M1-2의 "부분 오버레이" 방식에 비하면 비주얼 임팩트가 약함. |
| DQ-05 감정적 임팩트 | 7 | 8 | **+1**. 배경이 보이면서 "밝고 따뜻한 코워킹" 감정이 살아남. "1,000만원" 골드가 구체적 금액에 대한 기대감을 시각적으로 증폭. Cycle 1 대비 감정 전달력이 확실히 개선. 다만 배경이 아직 오버레이에 의해 상당히 연해져 있어 감정 전달이 "은은한" 수준에 머무름. |
| DQ-06 여백/레이아웃 밸런스 | 8 | 9 | **+1**. 지원항목 2줄 분리로 텍스트 밀집이 해소. 상하 여백 배분이 더 균형 잡힘. CTA와의 간격도 적절. |
| DQ-07 색상 가시성/조화 | 8 | 8 | 유지. "1,000만원" 골드가 추가되어 색상 변화는 생겼으나, opacity 0.35의 화이트 오버레이 위에서 텍스트 가독성이 배경 패턴에 따라 불균일한 구간이 있음. 헤드라인("무자본창업, 인카가 도와드립니다")의 네이비 텍스트 뒤에 배경의 어두운 영역이 겹치면서 대비가 저하되는 포인트가 보임. 오버레이가 얇아진 만큼 텍스트 가독성 안정성이 Cycle 1보다 오히려 불안정. |
| DQ-08 타이포그래피 품질 | 7 | 8 | **+1**. 지원항목이 44px 2줄로 분리되면서 40px 최소 기준 위반 우려가 해소됨. 폰트 크기가 전반적으로 적절해 보임. 다만 현재 이미지 해상도에서 지원항목 텍스트("DB 자동화 . AI 무상 세팅" / "신입 정착금 최대 1,000만원")의 렌더링이 배경과 겹쳐 약간 흐릿하게 보이는 구간이 있음. |
| DQ-09 CTA 효과성 | 9 | 9 | 유지. 블루 CTA("무료 상담 신청 →")가 하단에서 충분히 눈에 띔. 밝은 배경 위 블루 버튼 대비 효과적. |
| DQ-10 브랜드 일관성 | 8 | 9 | **+1**. "1,000만원" 골드 추가로 M1 세트 전체의 골드 시스템과 연결됨. M1-1, M1-2에서 사용된 골드 액센트가 M1-3에서도 등장하면서 세트 일관성이 강화. |
| **총점** | **78** | **87** | **FAIL** |

### 로키 코멘트:
78→87로 9점 상승. 3가지 수정 모두 효과를 발휘하여 DQ 7개 항목에서 동시 개선이 일어남. 특히 오버레이 opacity 축소가 DQ-01, DQ-03, DQ-04, DQ-05를 동시에 끌어올린 것이 핵심. 그러나 93점 PASS까지 6점 부족.

**근본 문제**: 오버레이 opacity를 0.35로 낮추면서 배경이 보이게 되었지만, 그에 따라 텍스트 가독성이 불안정해진 트레이드오프가 발생. DQ-07이 개선되지 못한 이유. 이는 "전체 캔버스 화이트 오버레이" 방식의 구조적 한계. 1200x628 버전처럼 좌측에만 패널을 적용하는 "부분 오버레이" 방식이 아닌 한, 이 트레이드오프는 해소하기 어려움.

### 추가 수정 필요사항:
1. **텍스트 영역 반투명 패널 적용**: 전체 캔버스 오버레이 대신, 텍스트가 배치되는 중앙 영역에만 반투명 화이트 패널(opacity 0.75~0.85, border-radius 16px)을 배치. 패널 외부에서는 배경이 온전히 보이고, 패널 내부에서는 텍스트 가독성이 안정적으로 확보됨. → DQ-03, DQ-04, DQ-07 동시 개선 예상.
2. **또는 오버레이 그라데이션 적용**: 상단(텍스트 많음) opacity 0.55 → 하단(CTA만) opacity 0.25로 그라데이션. 텍스트 밀집 구간에서는 가독성을 확보하고 하단에서는 배경을 노출.
3. **DQ-04 강화를 위한 배경 활용**: 현재 배경의 인물/사무 환경이 오버레이 아래에서 수동적으로 비칠 뿐. 패널을 좌측 또는 하단에 배치하고 나머지 영역에서 배경이 적극적으로 보이면 피드 차별화가 강화됨.

---

## 종합 요약

| 배너 | Cycle 1 | Cycle 2 | 변동 | 판정 | 핵심 변화 |
|------|---------|---------|------|------|----------|
| m1-1-1200x628 | 91 | **93** | +2 | **PASS** | 서브카피 색상 AAA 달성 |
| m1-1-1080x1080 | 89 | **94** | +5 | **PASS** | 서브카피2 추가로 여백 해소 + 색상 AAA |
| m1-2-1080x1080 | 89 | **92** | +3 | **FAIL** | CTA 화살표 + 골드 강조, 1점 부족 |
| m1-3-1200x628 | 89 | **93** | +4 | **PASS** | 1000만원 골드 + 패널 opacity → 차별화 강화 |
| m1-3-1080x1080 | 78 | **87** | +9 | **FAIL** | 대폭 개선, 그러나 전체 오버레이 한계 |

### 판정 현황:
- **PASS (93+)**: m1-1-1200x628 (93), m1-1-1080x1080 (94), m1-2-1200x628 (93, Cycle 1), m1-3-1200x628 (93) — **4장**
- **FAIL**: m1-2-1080x1080 (92, 1점 부족), m1-3-1080x1080 (87, 6점 부족) — **2장**

### Cycle 3 우선 수정 순서:
1. **m1-2-1080x1080** (92점, 1점 부족) — 혜택 폰트 크기 42~44px 확보만으로 PASS 가능
2. **m1-3-1080x1080** (87점, 6점 부족) — 전체 오버레이→부분 패널 방식으로 구조 변경 필요