# DQ 독립 검증 보고서 — task-1465.1 **검증자**: 로키(Loki) / 보안팀 레드팀 팀장 **검증일**: 2026-04-05 **대상**: v-round2 배너 6종 (Cell-7, Cell-8, Cell-9 × 2포맷) **PASS 기준**: 93점 이상 --- ## 검증 방법론 모든 HTML 파일 CSS 전수 분석 + PNG 시각 검증 병행. 기본값 = NEEDS WORK. 정량 증거로만 점수 승인. --- ## 배너 1: Cell-7 SNU Fair — meta-feed-1080x1080 **파일**: `cell-7-snu-fair/meta-feed-1080x1080.html` **컨셉**: #17 숫자뉴스플래시 (CNN Breaking News UI) ``` DQ-01: 9/10 — CNN Breaking News UI 충실 재현. 빨간 헤더바(#CC0000 108px), 하단 자막바(116px), 초대형 숫자(240px). 구조적 완성도 높음. 감점: 헤더바에 "BREAKING NEWS" 텍스트가 배경 이미지를 덮는 logo-img 크기(44px height)가 지나치게 작아 고해상도 렌더 시 브랜딩 시인성 저하 가능성. DQ-02: 9/10 — 뱃지(헤더바 BREAKING NEWS+서울대보험쌤)→헤드라인(86px)→서브카피(64px)→ CTA(84px h 버튼) 4단 계층 명확. 초대형 숫자(240px)가 헤드라인보다 위에 위치해 시각적 유입 경로가 숫자→헤드라인 순서로 자연스럽게 흐름. 감점: number-caption(40px)이 헤드라인과 서브카피 사이 중간 계층에 삽입되어 엄밀히는 5단 구조가 됨 — 계층 명확도 소폭 희석. DQ-03: 8/10 — 반투명 overlay rgba(10,10,10,0.72) 적용으로 불투명 레이어 없음(+). CTA 버튼 높이 84px, 텍스트 40px, white-space:nowrap 적용. 감점 근거: PNG 시각 확인 결과 Google 1200x628 버전에서 헤드라인 "3년째 참았던 수수료, 저는 바꿨어요"가 620px 폭 텍스트 패널에 line-break 없이 2줄로 강제 래핑되어 "수수/ 료, 저는 바꿨어요" 형태로 단어 중간 절단 현상 발생 (PNG 실제 확인). 1080x1080은 정상. DQ-04: 9/10 — CNN 뉴스 속보 프레임은 일반 광고와 강하게 구분되는 스크롤-스톱 요소. "속보" 자막바 + BREAKING NEWS 헤더 조합이 피드 네이티브 광고와 명확히 차별화. 감점: 자막바 텍스트가 고정(overflow:hidden + no animation)이라 실제 속보 긴박감이 정적으로 소비됨. DQ-05: 9/10 — 공감("3년째 참았던") + 기대감("바꿨어요") + 두려움/긴박감("1200% 룰 시행") 3중 감정 레이어 구성. 빨간 숫자 글로우 효과가 긴박감 강화. 감점: 배경 이미지가 책상/서재 분위기로 뉴스 긴박감과 약간 불일치. DQ-06: 8/10 — 1080x1080: 상단바 108px + 하단바 116px = 224px 차감 후 메인 856px. 56px 좌우 패딩 적용. 숫자 블록 상하 여백(margin-bottom 12px/40px)이 다소 촉박함. Google 1200x628: 텍스트 패널 52px 좌우 패딩으로 여백 수용 가능하나 실제 렌더에서 헤드라인 텍스트 오버플로우 확인됨 — 레이아웃 밸런스 훼손. DQ-07: 9/10 — 흰색 텍스트/빨간 배경(헤더) 대비율 ≥ 4.5:1 충족 예상. 다크 오버레이(0.72) 위 흰 텍스트, text-shadow 적용으로 가독성 보강. 감점: rgba(255,255,255,0.85)로 설정된 number-caption이 어두운 배경에서 WCAG AA 경계선 수준. DQ-08: 9/10 — 헤드라인 86px(≥84px ✓), 서브카피 64px(≥64px ✓). 폰트 2종: Pretendard + Gothic A1 사용(✓). 최소 폰트: 40px(breaking-label, brand-badge, CTA 등) — 절대최소 40px 경계선에 정확히 위치. 감점: logo-img는 44px height 이미지이나 텍스트 최소값 40px이 기준선 터치 수준으로 여유 없음. DQ-09: 9/10 — CTA "수익 구조 직접 확인 →" " →" 포함(✓). 구체적 행동 유도(✓). 배경 #CC0000, 높이 84px, 텍스트 40px. 시인성 충분. 감점: 버튼 border-radius 8px으로 약하게 라운딩 — 네모 버튼이 #17 스타일에 더 부합하나 CTA 기능성에는 문제없음. DQ-10: 9/10 — 서울대보험쌤 브랜딩 헤더바 + 자막바 일관 적용. 빨간 컬러(#CC0000/#FF4444) 시그니처 일관. 감점: logo-img 경로가 cell-7 폴더 직접 참조(cell-8/cell-9도 동일 경로 사용 중) — 파일 구조상 cross-cell 의존성 존재, 운영 리스크. 합계: 88/100 판정: FAIL 개선 필요 항목: - DQ-03 CRITICAL: Google 1200x628에서 헤드라인 단어 중간 절단 ("수수/ 료") — white-space:nowrap 또는 폰트 사이즈 다운 필요 (현재 84px → 76px 권고) - DQ-06: Google 버전 텍스트 패널 폭(620px→실제 720px)과 헤드라인 길이 불일치 수정 - DQ-08: 최소 텍스트 40px이 기준선 터치 — 여유 확보 위해 중요 보조 텍스트 44px+ 권고 ``` --- ## 배너 2: Cell-7 SNU Fair — google-resp-1200x628 **파일**: `cell-7-snu-fair/google-resp-1200x628.html` **컨셉**: #17 숫자뉴스플래시 (CNN Breaking News UI) ``` DQ-01: 8/10 — CNN Breaking News UI 구조(헤더바+자막바) 재현. 좌측 60% 텍스트 패널 + 우측 40% 배경 노출 레이아웃은 가로형 광고 최적화. 감점: 초대형 숫자가 140px으로 1080x1080(240px) 대비 크게 축소되어 "숫자뉴스플래시" 컨셉의 핵심인 숫자 임팩트가 크게 약화됨. 또한 number-caption이 삭제되고 서브카피에 통합되는 구성 변경으로 1080 버전 대비 계층 구조가 달라짐. DQ-02: 7/10 — 뱃지→헤드라인(84px)→서브(64px)→CTA 구조는 유지. 그러나 mega-number(140px)가 헤드라인보다 위에 배치되어 시각적으로 숫자가 헤드라인을 압도하지 못함(140 vs 84, 비율 1.67:1로 1080의 2.79:1 대비 위계 약화). 실제 PNG 확인: 헤드라인 텍스트가 2줄로 줄바꿈되면서 "수수/ 료, 저는 바꿨어요" 단어 중간 절단 — 계층 명확도 훼손. DQ-03: 6/10 — CRITICAL DEFECT 확인: PNG 시각 검증에서 헤드라인 "3년째 참았던 수수료, 저는 바꿨어요"(84px, no wrap)가 720px 패널 폭에서 "3년째 참았던 수수/ 료, 저는 바꿨어요"로 단어 중간 절단 렌더링. 한국어 단어가 자모 단위 분리 없이 음절 경계에서 절단되는 마감 품질 결함. 오버레이는 그라데이션 반투명 처리로 불투명 레이어 없음(+). 단어 절단 결함으로 DQ-03 -3점 적용. DQ-04: 8/10 — 좌측 뉴스 브리핑 + 우측 배경 이미지 노출 구조가 피드 차별화 달성. 감점: 자막바는 Google 가로형에서도 효과적이나 텍스트 고정(no scroll)으로 속보 느낌 다소 감소. DQ-05: 8/10 — 공감+두려움 조합 유지. 헤드라인 텍스트 절단으로 감정 전달 훼손 가능. 감점: 단어 절단 시 "수수" 단독 노출이 메시지 이해를 방해. DQ-06: 7/10 — 텍스트 패널 폭 720px, 패딩 52px, 실효 폭 616px에 84px 텍스트가 오버플로우. 세로 배분: 헤더 88px + 텍스트 460px + 자막 80px = 628px(정확). 감점: 텍스트 패널 폭 계산 오류로 레이아웃 밸런스 실패. DQ-07: 8/10 — 그라데이션 오버레이로 좌측 고대비 유지. mega-unit(72px) 텍스트가 #FF4444로 배경에서 충분한 대비. 감점: 오른쪽 배경 노출 영역 텍스트 없어 색상 가시성 이슈 없으나 전체적으로 좌측 밀집 구조. DQ-08: 7/10 — 헤드라인 84px(기준치 정확히 충족, 여유 없음), 서브 64px(기준 충족). 폰트 2종 유지(✓). mega-unit 72px, breaking-label/brand-badge 40px. 최소 40px이 기준선 터치이나 DQ-08에서는 통과. 감점: 1080 버전 대비 숫자 크기 140→240 급격 축소로 타이포그래피 임팩트 저하. mega-unit 72px > 서브 64px 역전 현상 없으나 숫자와 헤드라인 크기 비율이 #17 컨셉 구현에 부족. DQ-09: 8/10 — CTA "수익 구조 직접 확인 →" " →" 포함(✓). align-self:flex-start로 좌정렬, 높이 72px, 텍스트 40px. 배경 #CC0000 시인성 확보. 감점: 버튼 좌정렬이 왼쪽 여백과 어울리나 텍스트 패널 내 다른 요소들이 중앙정렬인 1080 버전과 달리 일관성 부족. DQ-10: 8/10 — 서울대보험쌤, BREAKING NEWS, 빨간 컬러 유지. 감점: logo 경로가 cell-7 폴더 참조로 cross-cell 의존성. 1080 버전 대비 헤더/자막 구조 동일하나 메인 컨셉 숫자 임팩트 저하로 셀 내 일관성 미흡. 합계: 75/100 판정: FAIL 개선 필요 항목: - DQ-03 CRITICAL: 헤드라인 단어 중간 절단 즉시 수정 — 텍스트 패널 폭 720px, padding 104px 제외 실효 616px. 84px 폰트 × 20자 ≈ 초과. 해결책: font-size 72px 다운 또는 word-break:keep-all 보강 + 줄바꿈 삽입 - DQ-02: 계층 재정립 — 헤드라인/숫자 위계 비율 개선 - DQ-06: 텍스트 패널 폭을 760px 이상으로 확대 또는 헤드라인 글자 수 축소 ``` --- ## 배너 3: Cell-8 SNU Leader — meta-feed-1080x1080 **파일**: `cell-8-snu-leader/meta-feed-1080x1080.html` **컨셉**: #23 나이키스타일 (강한 흑백 대비, 좌측 정렬, 미니멀, 오렌지레드 액센트) ``` DQ-01: 8/10 — 나이키 스타일 핵심 요소 구현: 좌정렬 대형 타이포(92px), 오렌지레드 액센트(#FF4500), 다크 배경(rgba 0.82). 오렌지 구분선(divider 120px) 나이키 특유의 수평 분리선 재현. 감점: 나이키 스타일의 핵심인 "강한 흑백 대비"가 다크 배경+흰 텍스트로 구현되었으나 배경 이미지가 실내/오피스 계열로 나이키의 액션/스포티 무드와 차이. 또한 brand-badge 폰트컬러가 rgba(255,255,255,0.65)로 옅어 "뱃지" 기능 약화. DQ-02: 9/10 — 뱃지(brand-badge 상단)→헤드라인(92px, 3줄)→서브(64px, 44px)→ CTA(우하단 고정) 4단 계층 명확. 오렌지 divider가 헤드라인/서브 시각 구분 강화. 감점: CTA가 우하단 absolute 배치로 메인 콘텐츠 흐름(flex column)에서 분리됨 — 시선이 자연스럽게 CTA로 이어지지 않을 수 있음. DQ-03: 8/10 — 오버레이 rgba(13,13,13,0.82) 반투명 처리(✓). 텍스트 오버플로우 없음. 헤드라인 3줄("1200% 룰 후엔" / "지점장 문," / "좁아집니다") 적절한 분절. 감점: sub-support(44px)와 quote(40px), urgency(40px) 3개 요소가 헤드라인+서브 이후 하단에 밀집되어 시각적 혼잡. CTA가 absolute right 배치로 콘텐츠 플로우 외부에 있어 텍스트와 CTA 간격이 가변적. DQ-04: 9/10 — "1200% 룰"이라는 시사성 강한 키워드 + 나이키 미니멀 스타일이 보험광고 피드에서 강하게 차별화. 타이포그래피 중심 레이아웃으로 시선 정착. 감점: 배경 이미지가 어두운 오피스로 배너와 배경 경계가 불명확해 피드 차별화 포인트가 타이포 외에 부족. DQ-05: 9/10 — "지점장 문, 좁아집니다" → 두려움(Fear) 강하게 작동. 1인칭 인용("저도 막연했는데, 직접 움직이길 잘했어요") → 공감(Empathy). 긴급성("2026년 7월 전이 결정 타이밍") → FOMO. 3중 감정 구성 효과적. 감점: 이미지 자체의 감정 전달이 약함(오피스 이미지가 중립적). DQ-06: 8/10 — 콘텐츠 padding 64px 상하 80px 좌우, 나이키 스타일 여백 개념 적용. 감점: 하단 여백 계산: content는 inset:0에 padding-bottom:64px이나 CTA는 absolute bottom:60px right:80px. content의 urgency 텍스트와 CTA 버튼 간 여백이 불확실 — urgency 아래 여백이 충분한지 CSS만으로 검증 불가. 하단 콘텐츠 집중도 과도. DQ-07: 9/10 — #FF4500 오렌지레드 vs 다크 배경 고대비. 흰 텍스트 vs 다크 배경. sub-support rgba(255,255,255,0.80)과 urgency rgba(255,255,255,0.75)는 WCAG AA 충족 예상. 감점: quote rgba(255,255,255,0.70)가 다크 배경에서 대비율 경계선 — text-shadow 보강으로 보완되나 정확 측정 시 AA 미달 가능. DQ-08: 8/10 — 헤드라인 92px(✓), 서브 64px(✓). 폰트 2종: Pretendard + Gothic A1(✓). sub-support 44px, quote 40px, urgency 40px. 최소 40px 기준 충족. 감점: 나이키 스타일의 "초대형 타이포" 특성에 비해 서브 64px 이하 텍스트가 3개 계층(44px, 40px, 40px)으로 분산되어 타이포그래픽 강렬함 약화. 44px sub-support는 기준선 이상이나 서브카피 정의(64px+) 대비 부족. DQ-09: 8/10 — CTA "지점장 이직 상담 신청 →" " →" 포함(✓). 배경 #FF4500, 높이 88px, 텍스트 40px. 오렌지레드 배경으로 시인성 강함. 감점: absolute 우하단 고정 배치로 내용 흐름과 단절. 나이키 스타일에서는 CTA도 좌정렬 플로우 내에 배치되는 것이 더 자연스러움. DQ-10: 8/10 — 서울대보험쌤 브랜딩 상단 뱃지 + 우상단 로고 일관. 감점: logo 경로가 cell-7 폴더를 직접 참조 (src="file:///home/jay/workspace/output/banners/cell-7-snu-fair/logo_snu_white.png") — 버전 관리 및 파일 이동 시 깨짐 리스크. brand-badge 색상 rgba(255,255,255,0.65)로 브랜딩이 약하게 노출됨. 합계: 84/100 판정: FAIL 개선 필요 항목: - DQ-08: sub-support 44px → 64px 상향 또는 서브카피 계층을 2개로 통합 권고 - DQ-09: CTA를 content flex 흐름 내 포함으로 변경 (absolute 배치 제거) - DQ-10: logo 경로를 상대 경로 또는 cell-8 로컬 경로로 수정 - DQ-01: brand-badge 텍스트 색상 rgba(1.0) 흰색으로 강화 ``` --- ## 배너 4: Cell-8 SNU Leader — google-resp-1200x628 **파일**: `cell-8-snu-leader/google-resp-1200x628.html` **컨셉**: #23 나이키스타일 ``` DQ-01: 9/10 — 1200x628 가로형에서 나이키 스타일 요소 잘 압축: 헤드라인 84px 좌정렬, #FF4500 구분선, 그라데이션 오버레이로 우측 배경 노출. 감점: brand-badge 색상 rgba(255,255,255,0.65)로 뱃지 시인성 약함. DQ-02: 9/10 — 뱃지→헤드라인(84px)→서브(64px)→긴급성(40px)→CTA 계층 명확. 분량이 1080 대비 압축되어 계층이 더 선명하게 드러남. 감점: urgency 40px이 CTA 바로 위에 위치해 CTA로의 전환 연결이 부드럽지 않을 수 있음. DQ-03: 8/10 — PNG 확인: 헤드라인 "1200% 룰 후엔 / 지점장 문, / 좁아집니다" 3줄 렌더링 정상. sub-main "본부 5개 · 지점 10개 · 200명+" 64px + white-space:nowrap → 744px 콘텐츠 폭에서 오버플로우 가능성. 실제 PNG에서는 1줄로 표시되어 정상 확인. 오버레이 반투명(✓). 감점: CTA 버튼에 border-radius 미설정 → 완전 직각 모서리로 나이키 스타일 맞으나 다른 배너들과 스타일 불일치 (DQ-03 마감 품질 소폭 감점). DQ-04: 9/10 — 우측 배경(오피스 이미지) 노출 + 좌측 강한 타이포 조합으로 피드 차별화. 1200x628 가로 비율이 Google 디스플레이 최적화. DQ-05: 9/10 — 두려움("좁아집니다") + 긴급성("결정 타이밍") 조합. 1080 대비 1인칭 공감 인용문 제거로 감정 스펙트럼 축소되었으나 핵심 감정은 유지. DQ-06: 9/10 — content 744px / padding 60+48=108px / 실효 636px. 헤드라인 84px 3줄, 서브 64px 1줄 배분이 628px 높이에서 적절. 감점: urgency와 CTA 사이 margin-bottom 20px으로 다소 촉박. DQ-07: 9/10 — 흰텍스트/다크배경, #FF4500 오렌지 대비 충분. urgency rgba(255,255,255,0.78) WCAG AA 충족 예상. DQ-08: 8/10 — 헤드라인 84px(기준 충족), 서브 64px(기준 충족), 폰트 2종(✓). urgency 40px 최소 기준 터치. 감점: 긴급성 텍스트 40px가 기준선이고 CTA 텍스트도 40px — 하단 두 요소가 동일 크기로 계층 차별화 없음. DQ-09: 9/10 — CTA "지점장 이직 상담 신청 →" " →" 포함(✓). align-self:flex-start 좌정렬로 content 플로우 내 자연스럽게 배치(1080 대비 개선). 높이 68px, 텍스트 40px, #FF4500 배경. 감점: 버튼 높이 68px이 1080 버전(88px) 대비 -20px으로 시인성 저하. DQ-10: 8/10 — 서울대보험쌤 브랜딩 상단 뱃지 일관. 감점: logo 경로 cross-cell 의존성 동일한 문제. brand-badge rgba(0.65) 약한 브랜딩. 합계: 87/100 판정: FAIL 개선 필요 항목: - DQ-08: urgency/CTA 동일 40px 크기 → CTA 44px+ 또는 urgency 축소 검토 - DQ-09: CTA 높이 68px → 76px+ 상향 권고 - DQ-10: logo 경로 수정, brand-badge 색상 강화 ``` --- ## 배너 5: Cell-9 SNU Support — meta-feed-1080x1080 **파일**: `cell-9-snu-support/meta-feed-1080x1080.html` **컨셉**: #26 현대스타일 (다크 차콜, 실버+시안, 중앙 정렬 프리미엄 테크) ``` DQ-01: 9/10 — #26 현대스타일 충실 재현: 다크 차콜 배경(#0D0F12), 시안 액센트(#00D4FF), 실버 텍스트(#C0C8D0), 중앙 정렬, 그리드 오버레이(60px 격자), 하단 글로우 라인. brand-badge의 테두리+dot 디자인이 현대 테크 UI 느낌 정확히 재현. 감점: 배경 이미지가 서재/인테리어 계열로 프리미엄 테크 이미지와 다소 불일치. 현대 테크 느낌의 AI/데이터 시각화 이미지가 더 적합. DQ-02: 9/10 — 뱃지(border+dot)→헤드라인(86px, 2줄)→체크리스트(64px, 3항목)→ 서브/긴급성(44px/40px)→CTA 5단 계층. divider로 헤드라인/체크리스트 구분 명확. 감점: 체크리스트 3개 항목이 서브카피 역할을 하지만 별도 계층으로 분리되어 엄밀히는 5단 구조 — 과밀 가능성. DQ-03: 8/10 — 오버레이 rgba(13,15,18,0.78) 반투명(✓). 텍스트 오버플로우 없음. CTA 높이 80px, 텍스트 42px. word-break/overflow 처리 정상. 감점: sub-quote(44px italic font-weight:300)와 urgency(40px)가 하단에 밀집. 특히 urgency 40px + CTA 42px가 근접 배치되어 시각적 호흡 부족. 체크리스트+서브+긴급성+CTA 4개 요소가 헤드라인 이후 640px 공간에 압축됨. DQ-04: 9/10 — 테크 UI 컨셉(그리드 오버레이, 글로우 효과, 시안 컬러)이 보험 광고 피드에서 강력한 차별화. 체크리스트 레이아웃이 정보 스캐닝을 용이하게 함. 감점: 배경 이미지와 테크 컨셉의 미스매치가 차별화 포인트를 약화. DQ-05: 8/10 — "혼자 다 하던 영업" → 공감(Empathy). "5대 시스템이 바꿨어요" → 희망/변화. 1인칭 인용 → 신뢰. 1200% 룰 → 긴박감. 감점: 시안 컬러가 차가운 느낌을 줘 감정적 온기가 다소 부족. 공감 감정의 온도감 vs 테크 비주얼의 차가움이 충돌. DQ-06: 9/10 — 중앙 정렬 레이아웃, padding 56px 상하 90px 좌우. 헤드라인→divider→체크리스트→서브→긴급성→CTA의 흐름이 수직 공간을 균형있게 사용. divider, bottom-accent 장식 요소가 공간 구분 기여. 감점: margin-bottom 값들(28px, 28px, 12px, 28px)이 다소 불균등. DQ-07: 9/10 — #00D4FF vs 다크 배경(0D0F12) 고대비. #F5F7FA(거의 흰색) vs 다크 배경. check-mark #5C9E6E는 녹색으로 배경 대비 충분. urgency #8A9BB0이 다크 배경에서 WCAG AA 경계선 — text-shadow 보강으로 가독성 유지. 감점: urgency-accent #4A9EBF가 #8A9BB0 텍스트 내 배치 시 충분한 대비 확보되나 세부 측정 필요. DQ-08: 9/10 — 헤드라인 86px(✓), 체크리스트(서브카피 역할) 64px(✓). 폰트 2종: Pretendard + Gothic A1(✓). sub-quote 44px, urgency 40px(최소 기준), cta-btn-text 42px. 감점: sub-quote font-weight:300(Light)이 작은 크기에서 가독성 위협 — 44px Light체는 고해상도 렌더에서 가늘어 보일 수 있음. DQ-09: 9/10 — CTA "5대 시스템 지금 확인 →" " →" 포함(✓). border:1.5px solid #00D4FF + 글로우 배경으로 현대 테크 CTA 일관. 높이 80px, 텍스트 42px. 시안 컬러로 명확한 시각적 구분. 감점: 충진 배경 없이 outline 스타일 CTA라 빠른 피드 스크롤에서 솔리드 배경 버튼 대비 주목도 낮을 수 있음. DQ-10: 9/10 — 서울대보험쌤 브랜딩 뱃지+로고 일관. 시안/차콜/실버 컬러 팔레트 일관성 높음. 감점: logo 경로 cross-cell 의존성 동일 문제. 그리드 오버레이 투명도(0.03)가 매우 낮아 스크린샷에서는 거의 보이지 않음. 합계: 88/100 판정: FAIL 개선 필요 항목: - DQ-03: urgency(40px)/CTA(42px) 근접 배치 호흡 공간 확보 — margin-bottom 28px+ - DQ-05: 배경 이미지를 테크/AI 시각화 계열로 교체 권고 - DQ-08: sub-quote font-weight:300 → 400 이상으로 상향 권고 - DQ-09: CTA outline → 반투명 배경 강화(rgba 0.15+ 수준)로 주목도 개선 ``` --- ## 배너 6: Cell-9 SNU Support — google-resp-1200x628 **파일**: `cell-9-snu-support/google-resp-1200x628.html` **컨셉**: #26 현대스타일 ``` DQ-01: 8/10 — 현대 테크 스타일 1200x628 압축 버전. 브랜드 뱃지(border+dot), 시안 액센트, 그리드 오버레이, 헤드라인 좌정렬 구현. 감점: 1080 버전 대비 체크리스트가 3개→1개 항목으로 축소되어 정보 밀도와 설득력 감소. 배경 이미지도 서재 계열로 동일 이슈. DQ-02: 7/10 — 뱃지→헤드라인(84px)→체크(64px)→긴급성(40px)→CTA 계층 구성. 감점: 체크리스트가 1개 항목만 남아 "체크리스트" 개념 희석. PNG 확인: 헤드라인 "혼자 다 하던 영업, / 5대 시스템이 바꿨/ 어요" 에서 "바꿨/ 어요"로 단어 중간 절단 발생. 계층 명확도 훼손. DQ-03: 6/10 — CRITICAL DEFECT: PNG 시각 확인에서 헤드라인 "5대 시스템이 바꿨어요"가 "바꿨/ 어요"로 음절 경계에서 절단. content 폭 744px, padding 80+56=136px, 실효 608px에서 84px × "5대 시스템이 바꿨어요"(11자) ≈ 약 618px 예상 → 오버플로우. 또한 체크리스트 1개 항목 "AI 자동화 · 30여종 DB · 해외여행 연 4회"가 64px × 1줄에서도 line-break 없이 렌더링 시 오버플로우 위험. 오버레이 반투명(✓). 단어 절단으로 -3점 적용. DQ-04: 8/10 — 우측 배경 노출 + 좌측 테크 UI 구조로 피드 차별화. 시안 컬러가 일반 보험광고와 차별화. 감점: 체크리스트 1개 항목으로 정보 스캐닝 메리트 감소. DQ-05: 7/10 — "혼자 다 하던 영업" 공감 + 긴급성 유지. 감점: 1인칭 인용 제거, 체크리스트 1개로 신뢰/희망 감정 약화. 단어 절단으로 메시지 전달 훼손. DQ-06: 7/10 — 좌측 content 744px 세로 배분은 적절하나 실효 폭 608px이 텍스트에 충분하지 않음. 헤드라인 오버플로우로 레이아웃 밸런스 훼손. right-edge 장식선 우측 455px 위치가 content 폭 744px과 불일치(289px 지점), 레이아웃 기준선 불명확. DQ-07: 8/10 — #00D4FF vs 다크 배경, 흰 텍스트 대비 충분. urgency #8A9BB0 WCAG AA 경계선. 감점: 1080 대비 동일 이슈. DQ-08: 7/10 — 헤드라인 84px(기준 충족), 체크리스트 64px(기준 충족), 폰트 2종(✓). urgency 40px, cta-btn-text 40px(기준선 터치). 감점: sub-quote가 삭제되어 font-weight:300 이슈는 해소되었으나 urgency와 CTA가 모두 40px로 크기 차별화 없음. 체크리스트 1개 항목 "AI 자동화 · 30여종 DB · 해외여행 연 4회"가 단일 줄에 모든 혜택을 압축 — 64px × 23자 ≈ 실효 폭 초과 가능성. DQ-09: 8/10 — CTA "5대 시스템 지금 확인 →" " →" 포함(✓). align-self:flex-start 좌정렬 자연스러운 배치. 높이 76px, 텍스트 40px. 감점: outline 스타일 CTA로 주목도 부족(1080 동일 이슈). DQ-10: 7/10 — 서울대보험쌤 브랜딩 유지. 감점: logo 경로 cross-cell 의존성. 1080 버전 대비 체크리스트 축소로 셀 내 일관성 저하. 우상단 로고가 배경 이미지 우측(서재 창문)과 겹쳐 인식도 저하 가능. 합계: 73/100 판정: FAIL 개선 필요 항목: - DQ-03 CRITICAL: 헤드라인 단어 절단 즉시 수정 — font-size 76px 다운 또는 텍스트 패널 폭 확대(800px). word-break:keep-all 강제 적용 - DQ-02: 계층 구조 재정립 — 체크리스트 1개 항목 → 최소 2개 유지 권고 - DQ-06: right-edge 위치(455px from right = 745px from left) 콘텐츠 경계와 정렬 - DQ-10: logo 경로 수정, 우상단 로고 배경 겹침 해소 ``` --- ## 종합 요약 | 배너 | 포맷 | 점수 | 판정 | 주요 FAIL 항목 | |------|------|------|------|----------------| | Cell-7 Fair | 1080x1080 | 88/100 | FAIL | DQ-03(헤드라인 절단), DQ-06 | | Cell-7 Fair | 1200x628 | 75/100 | FAIL | DQ-03 CRITICAL(단어 절단), DQ-02, DQ-06 | | Cell-8 Leader | 1080x1080 | 84/100 | FAIL | DQ-08(서브 44px 미달), DQ-09(CTA 플로우 단절) | | Cell-8 Leader | 1200x628 | 87/100 | FAIL | DQ-08(CTA/긴급성 크기 미분화), DQ-09 | | Cell-9 Support | 1080x1080 | 88/100 | FAIL | DQ-03(여백 부족), DQ-09(outline CTA) | | Cell-9 Support | 1200x628 | 73/100 | FAIL | DQ-03 CRITICAL(단어 절단), DQ-02, DQ-06 | **6종 전량 FAIL. PASS(93점+) 달성 배너 없음.** ### 공통 결함 패턴 1. **Google 1200x628 텍스트 오버플로우**: Cell-7, Cell-9의 가로형에서 헤드라인이 텍스트 패널 폭을 초과해 단어 중간 절단 발생 — 가장 심각한 마감 품질 결함 2. **최소 폰트 40px 경계선 과다 사용**: urgency, CTA, 부가 텍스트에 40px이 집중 사용되어 계층 차별화 없고 여유 없음 3. **logo 경로 cross-cell 의존성**: 3개 셀 모두 cell-7 폴더의 logo_snu_white.png 참조 — 운영 리스크 4. **서브카피 계층 축소(가로형)**: 1080→1200x628 전환 시 체크리스트/인용문 제거로 설득 구조 약화 --- *검증 완료: 2026-04-05 / 로키(Loki) — 보안팀 레드팀*