# [벤치마킹 Track 4] 광고사례 레퍼런스 PDF 심층 디자인 분석

> **작성일**: 2026-03-28
> **입력 자료**: `/home/jay/workspace/memory/specs/광고사례-레퍼런스.pdf`
> **목적**: 제이회장님 기준 레퍼런스에서 구체적 디자인 컨셉 추출 + 우리 도구(satori/hybrid) 복제 가능성 판정

---

## 개요

PDF는 3개 리쿠르팅 광고 캠페인(총 12슬라이드)으로 구성되어 있다.
- **캠페인 1**: "서울대, 경영전략컨설팅 출신 보험전문가" — 5슬라이드, 만화/웹툰 스타일
- **캠페인 2**: "1200%룰 이전에 이직하기" — 4슬라이드, 만화/웹툰 스타일
- **캠페인 3**: "지인영업 NO, 온라인 Yes!" — 3슬라이드, 모던 클린 + 실사 사진 스타일

공통 포맷: 960x540px (16:9 가로형), Meta/Instagram 광고 카드 규격

> **참고**: 아래 분석의 HEX 색상 코드와 px 값은 PDF 이미지 시각 분석 기반 **추정치**입니다. 실제 제작 시 디자인 시안에서 정밀 추출을 권장합니다.

---

## 사례별 디자인 분석

### 사례 1: 캠페인1-슬라이드1 "아직도 거절당하는 지인 영업"

**레이아웃 스케치**:
- 상단 30%: 배경 사진(손+서류) 위 작은 서브카피 ("서울대 전략가의 비법으로...")
- 중앙 40%: 메인 헤드라인 "아직도 거절당하는 '지인 영업' 하십니까?" — 굵은 고딕, 좌측 정렬 3줄
- 하단 20%: "압도적 클로징 전문가가 되십시오!" 서브라인
- 우측: 만화 캐릭터(양복 남성, 손 들고 제안하는 포즈)

**색상 팔레트**:
- 주색: `#1A1A1A` (거의 검정에 가까운 차콜)
- 보조색: `#FFFFFF` (흰색 텍스트)
- 액센트: `#E52121` (선명한 빨강, 강조 단어/밑줄)
- 서브 액센트: `#FFD700` (골드, 배지/아이콘)

**타이포그래피**:
- 메인 헤드라인: 고딕 Extra Bold, 약 36-40px 상당 (작은따옴표 '지인 영업' 강조)
- 서브카피: 고딕 Medium, 약 18-20px
- 폰트 크기 비율: 헤드라인:서브 = 2:1
- weight 대비: ExtraBold vs Regular로 극단적 대비

**비주얼 전략**: 만화/웹툰 일러스트 + 어두운 배경 + 흰색 텍스트. 만화적 과장으로 친근하면서도 임팩트 있는 첫인상.

**감정/메시지 기법**: 도발적 질문으로 타겟의 현재 고통을 직접 지적. "아직도~하십니까?" 패턴으로 자기성찰 유도.

**satori/hybrid 복제 가능성**: **하** — 만화 캐릭터 일러스트는 satori로 생성 불가. hybrid로 Gemini 일러스트 배경 생성 시 품질 불확실. 텍스트 레이아웃만 부분 복제 가능.

---

### 사례 2: 캠페인1-슬라이드2 "지인 영업, DB 고갈, 끝없는 거절"

**레이아웃 스케치**:
- 전면: 어두운 배경 위 좌절하는 만화 캐릭터 (머리 감싸고 괴로워하는 포즈)
- 상단 40%: 메인 헤드라인 "지인 영업, DB 고갈, 끝없는 거절..." — 굵은 고딕, 중앙 정렬
- 중앙-하단: 서브카피 "밤낮없이 뛰었지만, 남은 건 지쳐버린 거뿐..."
- 좌하단: 찢어진 종이 위 텍스트 효과

**색상 팔레트**:
- 주색: `#1A1A1A` (검정)
- 보조색: `#C8C8C8` (연한 회색, 캐릭터 음영)
- 액센트: `#CC2222` (짙은 빨강, 핵심 단어)
- 배경효과: `#2D2D2D` (짙은 차콜 그라디언트)

**타이포그래피**:
- 메인 헤드라인: 고딕 Black, 약 38-42px
- "거절" 글자 크기 더 크게 (약 1.3배), 빨간색 처리
- 서브카피: 고딕 Light, 약 16px, 연한 색상
- 말줄임표 "..." 사용으로 여운 효과

**비주얼 전략**: 어두운 톤 + 좌절 캐릭터로 공감 극대화. 만화적 과장이지만 감정적으로 공명하는 장면.

**감정/메시지 기법**: 나열식 고통("지인 영업, DB 고갈, 거절") + 공감형 서브카피. 타겟의 현재 상황을 정확히 묘사하여 "나 이야기다" 반응 유도.

**satori/hybrid 복제 가능성**: **하** — 캐릭터 일러스트 의존. 텍스트 + 어두운 배경 조합은 satori로 가능하나 핵심 비주얼(캐릭터)이 없으면 임팩트 상실.

---

### 사례 3: 캠페인1-슬라이드3 "전략이 소득을 결정합니다!"

**레이아웃 스케치**:
- 상단 35%: 메인 헤드라인 "전략이 소득을 결정합니다!" — 큰 굵은 텍스트
- 중앙: "파양~!" 만화 효과음 텍스트 (폭발 효과선과 함께)
- 중앙-하단: "열심히만 하는 영업의 시대는 끝났습니다" 서브카피
- 하단: "노력만으로는 이길 수 없습니다" 추가 서브

**색상 팔레트**:
- 주색: `#1A1A1A` (검정 배경)
- 보조색: `#FFFFFF` (흰색 텍스트)
- 액센트1: `#FFE500` (밝은 노랑, 효과음/강조)
- 액센트2: `#E52121` (빨강, 핵심 단어)

**타이포그래피**:
- 메인 헤드라인: 고딕 Black, 약 44-48px (슬라이드 중 가장 큰 텍스트)
- 효과음 "파양~!": 손글씨/만화체, 약 60-70px (회전+기울기 적용)
- 서브카피: 고딕 Regular, 약 18px
- 폰트 크기 비율: 효과음:헤드라인:서브 = 3.5:2.5:1

**비주얼 전략**: 만화 효과선(집중선) + 효과음 텍스트로 "반전의 순간" 연출. 어두운 톤에서 밝은 액센트로 시선 집중.

**감정/메시지 기법**: 선언형 헤드라인으로 기존 관념("노력=성공") 뒤집기. 만화 효과선은 "깨달음의 순간"을 시각화.

**satori/hybrid 복제 가능성**: **중하** — 효과선과 만화 효과음은 satori CSS로 근사 가능(방사형 그라디언트 + 회전 텍스트). 캐릭터 없이 텍스트 중심으로 재해석하면 복제 가능.

---

### 사례 4: 캠페인1-슬라이드4 "서울대 출신 전략가의 영업 비밀"

**레이아웃 스케치**:
- 전면: 어두운 배경 + 신비로운 분위기의 양복 캐릭터 (역광 실루엣)
- 상단 20%: "스아~ 아야~" 효과음 (극적 등장 연출)
- 중앙 40%: 빛나는 책/문서 오브제 (전략 비밀의 시각화)
- 하단 40%: "서울대 출신 전략가가 설계한" + "단순 판매가 아닌 전략적 비즈니스를 만나보세요"
- "서울대"에 빨간 강조, "전략적 비즈니스"에 빨간 밑줄

**색상 팔레트**:
- 주색: `#0D0D0D` (거의 순수 검정)
- 보조색: `#3A3A3A` (진한 회색)
- 액센트1: `#E52121` (빨강, 핵심 브랜딩 단어)
- 액센트2: `#FFD700` (골드, 비밀/보물 느낌의 빛)

**타이포그래피**:
- 핵심 워드 "서울대": 고딕 Black + 빨간색, 약 36px
- "전략적 비즈니스": 고딕 Bold + 빨간 밑줄, 약 28px
- 서브카피: 고딕 Regular, 약 16px
- 권위+비밀을 시각화하는 타이포 계층

**비주얼 전략**: 역광 실루엣 + 빛나는 오브제로 "비밀/보물" 내러티브. 어둠 속에서 빛나는 것 = 가치 있는 전략 지식.

**감정/메시지 기법**: 미스터리 + 권위. "비밀"이라는 프레이밍으로 호기심 극대화. 서울대 브랜드를 전면에 배치.

**satori/hybrid 복제 가능성**: **하** — 캐릭터 실루엣과 빛나는 오브제는 일러스트 의존. 텍스트 레이아웃만 추출 가능.

---

### 사례 5: 캠페인1-슬라이드5 "이제 제가 고객을 선택합니다"

**레이아웃 스케치**:
- 상단 20%: 말풍선 "이제는 제가 고객을 선택하며 상담합니다."
- 중앙 50%: 3명의 양복 남성 회의 장면 (밝은 회색톤, 사무실 배경)
- 좌측: 빨간 도장/배지 3개 ("단 1회 상담 클로징", "대체 불가능한 존재", "프리미엄 퍼스널 브랜딩")
- 하단 15%: 메인 카피 "서울대 출신 전략가의 영업 비밀" (큰 고딕)
- 최하단 10%: CTA 바 "👉 더 알아보기 (1:1 밀착 코칭 신청)" — 빨강/노랑 배경

**색상 팔레트**:
- 주색: `#4A4A4A` (중간 회색, 밝아진 톤)
- 보조색: `#FFFFFF` (흰색 텍스트/배경)
- 액센트1: `#E52121` (빨강, CTA + 도장)
- 액센트2: `#FFD700` (골드, CTA 배경)
- 전체 톤 변화: 1-4슬라이드의 어둠에서 5슬라이드에서 밝아짐 = "해결/성공" 시각화

**타이포그래피**:
- 말풍선 텍스트: 고딕 Medium, 약 20px
- 메인 카피: 고딕 Black, 약 36px
- CTA: 고딕 Bold, 약 22px, 흰색 on 빨강/골드
- 도장 텍스트: 빨간 원형 도장 안 흰색 Bold 텍스트

**비주얼 전략**: 밝아진 톤 + 전문적 회의 장면으로 "성공한 미래" 제시. 도장/배지는 권위와 인증의 시각화.

**감정/메시지 기법**: 지위 역전 ("고객을 선택") + 성공 비전. 시퀀스의 정서적 절정. CTA에 "1:1 밀착"으로 개인화 약속.

**satori/hybrid 복제 가능성**: **중** — 도장/배지 UI는 satori CSS로 구현 가능 (border-radius: 50%, rotation, border). CTA 바도 satori로 완전 복제 가능. 캐릭터만 hybrid 처리하면 유사 구현 가능.

---

### 사례 6: 캠페인2-슬라이드1 "2026.7월 1,200% 룰"

**레이아웃 스케치**:
- 상단 30%: 신문 기사 스타일 헤더 (소제목들, 작은 텍스트 클러스터)
- 중앙 50%: 초대형 숫자 "2026.7월 1,200% 룰" — 화면의 가장 큰 텍스트 요소
- 하단 20%: "2027년 4년 분급제 시행" 서브 텍스트

**색상 팔레트**:
- 주색: `#1A1A1A` (검정)
- 보조색: `#FFFFFF` (흰색 텍스트)
- 액센트1: `#FFE500` (밝은 노랑, 숫자 강조)
- 액센트2: `#E52121` (빨강, 경고 의미)

**타이포그래피**:
- "1,200%": 고딕 Black, 약 60-72px (화면 대비 최대 크기)
- "2026.7월": 고딕 Bold, 약 36px
- 서브 텍스트: 고딕 Regular, 약 16px
- 폰트 크기 비율: 핵심 숫자:날짜:서브 = 4:2:1

**비주얼 전략**: 신문 기사 스타일 + 초대형 숫자. 뉴스/속보 느낌으로 객관적 사실의 무게감 전달. 만화 캐릭터 대신 텍스트 자체가 비주얼.

**감정/메시지 기법**: 구체적 숫자와 날짜로 긴박성 조성. "이건 진짜다" = 객관적 데이터로 위기감 자극.

**satori/hybrid 복제 가능성**: **상** — 텍스트 중심 디자인. 어두운 배경 + 큰 숫자 + 노란 강조는 satori CSS로 완벽 복제 가능. 신문 기사 스타일 헤더도 flexbox + 작은 텍스트로 구현 가능.

---

### 사례 7: 캠페인2-슬라이드2 "아직도 혼자 버티고 계십니까?"

**레이아웃 스케치**:
- 상단 30%: "파양~!" 만화 효과음 + 액션라인
- 중앙 40%: 충격받은 캐릭터 얼굴 클로즈업 (땀방울, 놀란 표정)
- 중앙: "아직도 혼자 버티고 계십니까?" 오버레이 텍스트
- 하단 30%: 서브카피 (지원금 소멸 경고)

**색상 팔레트**:
- 주색: `#1A1A1A` (검정)
- 보조색: `#888888` (중간 회색, 캐릭터 음영)
- 액센트1: `#E52121` (빨강, 경고)
- 액센트2: `#FFE500` (노랑, 효과음)

**타이포그래피**:
- 효과음: 만화체 Bold, 약 50px, 회전+기울기
- 메인 질문: 고딕 Black, 약 36px
- 서브: 고딕 Regular, 약 16px

**비주얼 전략**: 캐릭터 얼굴 클로즈업 + 만화 효과음으로 "충격의 순간" 연출. 해머(망치) 이미지로 위협 시각화.

**감정/메시지 기법**: 질문형 도발 + 고독감 자극. "혼자"라는 단어로 고립감 조성, 팀/시스템의 필요성 암시.

**satori/hybrid 복제 가능성**: **하** — 캐릭터 클로즈업 의존. 텍스트 + 효과음 레이아웃만 부분 추출 가능.

---

### 사례 8: 캠페인2-슬라이드3 "위기와 기회의 갈림길"

**레이아웃 스케치**:
- 대각선 분할 구도: 좌하→우상 대각선
- 하단-좌측: 물에 빠지는/가라앉는 장면 (위기)
- 상단-우측: 로켓 타고 날아가는 캐릭터 (기회)
- 중앙 오버레이: "변화에 치일 것인가 / 올라탈 것인가" 대비 텍스트
- 텍스트 배치: 좌=위기, 우=기회 (대비 강조)

**색상 팔레트**:
- 주색 좌측: `#2D2D2D` (어두운 회색 = 위기)
- 주색 우측: `#1A1A1A` (검정 배경이지만 밝은 요소)
- 액센트1: `#E52121` (빨강, 위기 쪽)
- 액센트2: `#FFD700` (골드/노랑, 기회 쪽 = 로켓 불꽃)

**타이포그래피**:
- "치일 것인가": 고딕 Bold, 약 28px, 좌측 기울어진 배치
- "올라탈 것인가": 고딕 Black, 약 32px, 우상향 배치
- 대비를 크기+위치+방향으로 3중 강조

**비주얼 전략**: 대각선 분할 구도로 "갈림길" 시각화. 로켓 이미지 = 급상승/도약의 메타포.

**감정/메시지 기법**: 이분법적 선택 압박. "치인다" vs "올라탄다" = 수동적 vs 능동적. 자존심 자극.

**satori/hybrid 복제 가능성**: **중하** — 대각선 분할 레이아웃은 CSS transform + clip-path로 근사 가능. 로켓/캐릭터는 hybrid 필요. 텍스트 중심으로 재해석하면 중.

---

### 사례 9: 캠페인2-슬라이드4 "마지막 골든타임"

**레이아웃 스케치**:
- 좌측 50%: 자신감 있는 양복 남성 캐릭터 (팔짱, 미소)
- 우측 50%: 텍스트 블록
  - 상단: "분급 전 자리를 선점하고"
  - 중앙: "지원금까지 확보할 마지막 골든타임!"
  - 하단: CTA 버튼 "지금 무료 직무 미팅을 확인하기"

**색상 팔레트**:
- 주색: `#F5F0EB` (밝은 크림/베이지 배경)
- 보조색: `#1A1A1A` (검정 텍스트)
- 액센트1: `#E52121` (빨강, CTA 버튼 + "골든타임" 강조)
- 액센트2: `#FFD700` (골드, "골든타임" 텍스트)

**타이포그래피**:
- "마지막 골든타임!": 고딕 Black, 약 36px, 빨강+골드 처리
- 서브카피: 고딕 Medium, 약 20px
- CTA: 고딕 Bold, 약 20px, 흰색 on 빨강 배경

**비주얼 전략**: 밝은 배경으로 전환 = 해결/희망. 좌우 분할(캐릭터:텍스트)로 시선 흐름 안내. CTA 버튼이 명확히 구분됨.

**감정/메시지 기법**: 시간 한정 + 복수 이득 ("자리 선점" + "지원금 확보"). "지금" + "무료"로 행동 저항감 최소화.

**satori/hybrid 복제 가능성**: **중상** — 좌우 분할 레이아웃, CTA 버튼, 텍스트 계층은 satori로 완벽 구현. 캐릭터 영역만 hybrid 처리하거나 프로필 사진으로 대체하면 상.

---

### 사례 10: 캠페인3-슬라이드1 "지인영업 No! 온라인 Yes!"

**레이아웃 스케치**:
- 상단 15%: 서브카피 "이제는 달라져야 할 때입니다." — 작은 흰색 텍스트
- 상단-중앙 30%: 배경 사진 (악수하는 두 손, 어두운 블루 필터)
- 중앙 35%: 메인 헤드라인 "지인영업? No!" (큰 고딕) + "온라인! Yes!" (스크립트체/이탤릭)
- 좌측: 해시태그 "#온라인보험영업 #온라인보험전문가" (작은 텍스트)
- 하단 20%: "보.험.영.업! 저희는 앉아서 합니다." — 큰 고딕 Bold

**색상 팔레트**:
- 주색: `#1B3A5C` (다크 네이비 블루)
- 보조색: `#FFFFFF` (흰색 텍스트)
- 액센트1: `#5BA8D9` (밝은 블루, "Yes!" 텍스트)
- 액센트2: `#C5C5C5` (연한 회색, 해시태그)
- 그라디언트: 상단에서 하단으로 네이비 → 더 진한 네이비

**타이포그래피**:
- "지인영업?": 고딕 Black, 약 40px, 흰색
- "No!": 고딕 Black, 약 48px, 흰색 + 약간 기울어짐
- "온라인!": 고딕 Bold, 약 36px, 흰색
- "Yes!": 스크립트/필기체, 약 52px, 밝은 블루 — 유일하게 다른 서체 사용
- "보.험.영.업!": 고딕 Black, 약 32px, 흰색, 글자 사이 마침표로 강조
- 폰트 크기 비율: Yes!:No!:기타 = 2.5:2:1.5

**비주얼 전략**: 네이비 블루 단색 배경 + 큰 타이포그래피로 메시지 자체가 비주얼. 사진은 배경으로만 사용, 텍스트가 주인공. 스크립트체 "Yes!"가 유일한 디자인 포인트.

**감정/메시지 기법**: No vs Yes 이항 대비로 명쾌한 선택 제시. 마침표 분리("보.험.영.업!")로 리듬감 부여. "앉아서 합니다"로 편안함/효율성 약속.

**satori/hybrid 복제 가능성**: **상** — 네이비 배경 + 큰 텍스트 + 그라디언트는 satori CSS로 완벽 복제. 배경 사진은 opacity 낮춰 깔아도 되고, CSS 그라디언트만으로도 충분. 스크립트체는 Google Fonts(Dancing Script 등)로 대체 가능.

---

### 사례 11: 캠페인3-슬라이드2 "고객이 스스로[sic] 찾아오는 온라인영업"

**레이아웃 스케치**:
- 상단 10%: "고객이 스스로 찾아서" — 작은 서브카피
- 상단-중앙 40%: 메인 헤드라인 "문의하는 온라인영업" — 초대형 고딕 Bold
- 우측 40%: 남성 프로필 사진 (양복, 미소, 정면 촬영)
- 하단 25%: 블루 배경 바 + "스마트한 보험설계사" + "지인? DB? 다 필요 없습니다!!"
- 전체 배경: 다크 그레이-네이비 그라디언트

**색상 팔레트**:
- 주색: `#2B3A4A` (다크 그레이-네이비)
- 보조색: `#FFFFFF` (흰색 텍스트)
- 액센트1: `#1B365D` (진한 네이비, 하단 바)
- 액센트2: `#FFD700` (골드/노랑, "스마트한" 강조)
- 텍스트 강조: `#FF6B35` (오렌지, 핵심 단어)

**타이포그래피**:
- "문의하는": 고딕 ExtraBold, 약 48px (가장 큰 텍스트)
- "온라인영업": 고딕 Black, 약 52px (색상 또는 크기로 추가 강조)
- "스마트한 보험설계사": 고딕 Bold, 약 20px, 노란색
- 서브: 고딕 Regular, 약 16px
- 핵심 동사 "문의하는"이 텍스트 계층 최상위

**비주얼 전략**: 실제 인물 사진 + 큰 타이포. 사진으로 신뢰감, 큰 텍스트로 핵심 메시지 전달. "문의하는"을 크게 써서 인바운드(고객이 먼저 연락) 개념을 시각화.

**감정/메시지 기법**: 욕망 역전 — "고객이 찾아온다"는 모든 영업사원의 꿈. 실제 사진으로 "실현 가능한 현실"임을 암시.

**satori/hybrid 복제 가능성**: **상** — hybrid 기법 최적. Gemini로 배경+인물 생성 + satori HTML로 텍스트 오버레이. 또는 실제 프로필 사진 + satori 텍스트 레이아웃으로 완전 복제 가능.

---

### 사례 12: 캠페인3-슬라이드3 "관심이 있는 누구나"

**레이아웃 스케치**:
- 상단 5%: 블루 커튼 프레임 효과 (좌우 양쪽)
- 상단 15%: "나이불문 직업불문" — 작은 텍스트
- 상단 15%: "보험 몰라도 OK! 초보자도 OK!" — 중간 오렌지 텍스트
- 중앙 25%: "관심이 있는 누구나" — 초대형 검정 고딕 Bold
- 중앙 25%: 3개 원형 프로필 사진 (여성1 + 남성1 + 남성1) 가로 배열
  - 각 사진 아래 라벨: "경력단절 고민 전 커리어우먼" / "기존방식에 지친 보험 경력자" / "부업, N잡 고민중인 분"
- 하단 15%: "단순한 보험영업이 아닌, 온라인 보험 전문가로..." 서브카피
- 최하단 10%: CTA 바 "입사 상담 받으러 가기 ▶" — 네이비 배경, 흰색 텍스트

**색상 팔레트**:
- 주색: `#F5F5F5` (밝은 라이트 그레이 배경)
- 보조색: `#1B365D` (네이비, CTA 바 + 커튼 프레임)
- 액센트1: `#FF6B35` (오렌지, "OK!" 강조)
- 액센트2: `#E52121` (빨강, "편하게! 즐겁게!!" 강조)
- 텍스트: `#1A1A1A` (검정, 메인 헤드라인)

**타이포그래피**:
- "관심이 있는 누구나": 고딕 Black, 약 44px, 검정
- "보험 몰라도 OK!": 고딕 Bold, 약 24px, 오렌지
- 라벨: 고딕 Regular, 약 14px, 네이비
- CTA: 고딕 Bold, 약 20px, 흰색 on 네이비
- 폰트 크기 비율: 메인:서브:라벨:CTA = 3:1.7:1:1.4

**비주얼 전략**: 밝은 배경 + 원형 프로필 3개 + CTA = 전형적인 "신뢰+포용" 레이아웃. 커튼 프레임은 "무대/공개" 메타포. 3명의 다른 타겟 페르소나를 시각화.

**감정/메시지 기법**: 포용형 — "누구나"로 진입장벽 완전 제거. 3개 페르소나로 타겟이 자신을 투영할 수 있게 함. "OK!"의 반복으로 허용/안심 메시지.

**satori/hybrid 복제 가능성**: **상** — 밝은 배경 + 원형 이미지 + 텍스트 + CTA 바는 satori HTML/CSS로 완벽 구현. 프레임 효과도 border + 그라디언트로 가능. 인물 사진만 별도 준비하면 완전 복제 가능.

---

## 크로스 캠페인 패턴 분석

### 색상 패턴
- **캠페인 1-2 (만화 스타일)**: 검정 배경 + 흰색 텍스트 + 빨강/골드 액센트 = 강렬한 임팩트, 남성적 에너지
- **캠페인 3 (모던 스타일)**: 네이비 배경 or 라이트 그레이 배경 + 블루/오렌지 액센트 = 전문적, 신뢰감, 현대적
- **공통**: 고대비(배경↔텍스트), 2-3색 이내 제한, CTA는 항상 빨강/네이비로 차별화

### 타이포 패턴
- 모든 슬라이드에서 **고딕 계열** 사용 (산세리프)
- 헤드라인은 항상 **Black/ExtraBold** weight
- 크기 계층은 최소 3단계 (메인 > 서브 > 바디)
- 숫자/핵심 단어는 **색상 변경** 또는 **크기 증가**로 이중 강조
- 유일한 예외: 캠페인3-슬라이드1의 "Yes!"에 스크립트체 사용 (파격적 차별화)

### 레이아웃 패턴
- **텍스트 우선**: 이미지보다 텍스트가 화면의 더 많은 면적을 차지
- **CTA 위치**: 항상 최하단 또는 우하단 (시선 흐름의 종착점)
- **시선 흐름**: 상단(서브) → 중앙(메인) → 하단(CTA)의 Z-패턴 또는 F-패턴

### 스토리텔링 패턴 (페이토/아폴론 분석 통합)
- **공통 공식**: 문제 직시 → 고통 공감 → 패러다임 전환 → 솔루션 제시 → CTA
- **캠페인 1**: 5막 구조 (감정의 깊이 중심), 좌절→공감→반전→권위→성공
- **캠페인 2**: 4막 구조 (긴급성 중심), 위기→충격→선택→행동
- **캠페인 3**: 3막 구조 (명확성 중심), 대비→증거→포용

### 카피라이팅 패턴
- **헤드라인 기법**: 질문형 도발(캠1), 숫자+시간축(캠2), No/Yes 대비(캠3)
- **감정 곡선**: 자기비판→우월감(캠1), 불안→결정압박(캠2), 거부감→해방감(캠3)
- **파워워드**: "전략"(3회), "거절"(3회), "골든타임"(2회), "온라인"(3회), "OK"(2회)
- **CTA 전략**: 개인화("1:1 밀착"), 긴급+무료("지금 무료"), 단순행동("받으러 가기")

---

## 최종 5개 디자인 컨셉 (정제)

### 컨셉 1: "네이비 타이포 임팩트" (satori 복제: 상)

> **원형**: 캠페인3-슬라이드1 "지인영업 No! 온라인 Yes!"

**디자인 원리**: 네이비 블루 단색 배경 위 대형 타이포그래피만으로 메시지 전달. 사진은 배경 레이어(opacity 30%)로만 사용하거나 CSS 그라디언트로 대체.

**구체적 CSS/레이아웃 값**:
```css
/* 컨테이너 */
.container {
  width: 1080px; height: 1080px; /* Instagram 정사각 */
  /* 또는 width: 1200px; height: 628px; Meta 광고 */
  background: linear-gradient(180deg, #1B3A5C 0%, #0D1F33 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px;
  position: relative;
}

/* 서브카피 (상단) */
.sub-copy {
  font-family: 'Pretendard', sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.8;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

/* 메인 헤드라인 */
.headline {
  font-family: 'Pretendard', sans-serif;
  font-size: 64px;
  font-weight: 900; /* Black */
  color: #FFFFFF;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 24px;
}

/* 강조 워드 (Yes! 스타일) */
.highlight {
  font-family: 'Dancing Script', cursive; /* 또는 Nanum Pen Script */
  font-size: 72px;
  color: #5BA8D9; /* 밝은 블루 */
  display: inline;
}

/* 하단 서브카피 */
.bottom-copy {
  font-family: 'Pretendard', sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 4px; /* "보.험.영.업!" 스타일 */
}

/* 해시태그 */
.hashtags {
  font-size: 16px;
  color: rgba(255,255,255,0.5);
  position: absolute;
  bottom: 30px;
  left: 60px;
}
```

**적합한 메시지 유형**: 강렬한 대비/전환 메시지, "Before vs After", "기존 방식 거부" 계열

**우리 리쿠르팅 배너 적용 예시**:
- "지인영업은 끝났습니다" + "시스템이 일합니다" (네이비 배경, 대형 타이포)
- 핵심 차별점을 한 줄로 압축하여 텍스트만으로 전달

---

### 컨셉 2: "숫자 임팩트 뉴스플래시" (satori 복제: 상)

> **원형**: 캠페인2-슬라이드1 "2026.7월 1,200% 룰"

**디자인 원리**: 구체적 숫자/날짜를 초대형으로 배치하여 "뉴스 속보" 느낌 연출. 정보의 객관성과 긴급성을 동시에 전달.

**구체적 CSS/레이아웃 값**:
```css
/* 컨테이너 */
.container {
  width: 1080px; height: 1080px;
  background: #1A1A1A;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px;
  position: relative;
}

/* 뉴스 헤더 바 */
.news-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 48px;
  background: #E52121;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-family: 'Pretendard', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 2px;
}

/* 소제목 (날짜) */
.date-label {
  font-family: 'Pretendard', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #FFE500; /* 밝은 노랑 */
  margin-bottom: 16px;
}

/* 핵심 숫자 */
.big-number {
  font-family: 'Pretendard', sans-serif;
  font-size: 96px;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.0;
  text-align: center;
}

/* "%" 또는 단위 */
.unit {
  font-size: 72px;
  font-weight: 900;
  color: #FFE500;
}

/* 서브카피 */
.sub-copy {
  font-family: 'Pretendard', sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  margin-top: 32px;
  text-align: center;
}

/* 하단 CTA */
.cta {
  position: absolute;
  bottom: 40px;
  background: #E52121;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  padding: 16px 48px;
  border-radius: 8px;
}
```

**적합한 메시지 유형**: 제도 변화, 기한 알림, 수치 기반 긴급 공지, "D-day" 카운트다운

**우리 리쿠르팅 배너 적용 예시**:
- "2026.7 1,200% 룰 시행" + "이직 골든타임 D-90" (검정 배경, 초대형 숫자)
- 정착지원금 금액("최대 1,000만원")을 초대형으로 강조

---

### 컨셉 3: "인물 사진 + 텍스트 하이브리드" (hybrid 복제: 상)

> **원형**: 캠페인3-슬라이드2 "고객이 스스로 찾아오는 온라인영업"

**디자인 원리**: 실제 인물 사진을 메인 비주얼로, 큰 타이포그래피를 오버레이하여 신뢰감+메시지를 동시 전달.

**구체적 CSS/레이아웃 값**:
```css
/* 컨테이너 */
.container {
  width: 1080px; height: 1080px;
  background: linear-gradient(135deg, #2B3A4A 0%, #1B2838 100%);
  display: flex;
  position: relative;
  overflow: hidden;
}

/* 인물 사진 영역 (우측) */
.person-photo {
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 500px;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  /* 사진 좌측에 그라디언트 페이드 */
  mask-image: linear-gradient(to right, transparent 0%, black 30%);
}

/* 텍스트 영역 (좌측) */
.text-area {
  position: relative;
  z-index: 2;
  padding: 80px 60px;
  max-width: 600px;
}

/* 소제목 */
.eyebrow {
  font-family: 'Pretendard', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  margin-bottom: 16px;
}

/* 메인 헤드라인 */
.headline {
  font-family: 'Pretendard', sans-serif;
  font-size: 56px;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 32px;
}

/* 핵심 동사 강조 */
.verb-highlight {
  color: #FFD700; /* 골드 */
  /* 또는 border-bottom: 4px solid #FFD700; */
}

/* 하단 정보 바 */
.info-bar {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 80px;
  background: #1B365D;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 0 40px;
}

.info-bar .label {
  font-size: 18px;
  font-weight: 700;
  color: #FFD700;
}

.info-bar .value {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
}
```

**적합한 메시지 유형**: 리더/전문가 브랜딩, 시스템 소개, "이런 사람이 함께합니다" 계열

**우리 리쿠르팅 배너 적용 예시**:
- 서울대보험쌤 프로필 사진 우측 배치 + "고객이 먼저 찾아오는 시스템" 좌측 대형 타이포
- Gemini로 전문적 남성 사진 생성 + HTML 텍스트 오버레이 (hybrid 방식)

---

### 컨셉 4: "타겟 페르소나 카드" (satori 복제: 상)

> **원형**: 캠페인3-슬라이드3 "관심이 있는 누구나"

**디자인 원리**: 밝은 배경 + 원형 프로필 사진 3개 + 각각의 페르소나 라벨 + 하단 CTA. 포용적이고 접근하기 쉬운 느낌.

**구체적 CSS/레이아웃 값**:
```css
/* 컨테이너 */
.container {
  width: 1080px; height: 1080px;
  background: #F5F5F5;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 40px;
  position: relative;
}

/* 상단 서브카피 */
.eyebrow {
  font-family: 'Pretendard', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #1B365D;
  margin-bottom: 8px;
}

/* 진입장벽 해소 카피 */
.lowbar-copy {
  font-family: 'Pretendard', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #FF6B35; /* 오렌지 */
  margin-bottom: 16px;
}

/* 메인 헤드라인 */
.headline {
  font-family: 'Pretendard', sans-serif;
  font-size: 52px;
  font-weight: 900;
  color: #1A1A1A;
  margin-bottom: 48px;
}

/* 페르소나 카드 row */
.persona-row {
  display: flex;
  gap: 48px;
  justify-content: center;
  margin-bottom: 40px;
}

/* 개별 페르소나 */
.persona {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
}

.persona img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #1B365D;
  margin-bottom: 16px;
}

.persona .label {
  font-size: 16px;
  font-weight: 600;
  color: #1B365D;
  text-align: center;
  line-height: 1.4;
}

/* 하단 설명 */
.description {
  font-size: 20px;
  font-weight: 500;
  color: #4A4A4A;
  text-align: center;
  margin-bottom: 32px;
  line-height: 1.6;
}

/* 강조 텍스트 */
.description .emphasis {
  color: #E52121;
  font-weight: 700;
}

/* CTA 바 */
.cta-bar {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 72px;
  background: #1B365D;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-bar span {
  font-family: 'Pretendard', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
}
```

**적합한 메시지 유형**: 타겟 확장, "이런 분을 찾습니다", 진입장벽 해소, 포용적 리쿠르팅

**우리 리쿠르팅 배너 적용 예시**:
- "경력단절 커리어우먼" / "지친 보험 경력자" / "N잡 관심자" 3명 원형 사진
- "관심만 있으면 누구나" 메인 카피 + "입사 상담 받기" CTA

---

### 컨셉 5: "좌우 분할 솔루션형" (satori+hybrid 복제: 중상~상)

> **원형**: 캠페인2-슬라이드4 "마지막 골든타임" + 캠페인1-슬라이드5 "코칭 신청"

**디자인 원리**: 좌측에 인물/비주얼, 우측에 텍스트+CTA의 좌우 분할 레이아웃. 밝은 톤으로 "해결/희망" 전달.

**구체적 CSS/레이아웃 값**:
```css
/* 컨테이너 */
.container {
  width: 1200px; height: 628px; /* Meta 광고 가로형 */
  background: linear-gradient(135deg, #F5F0EB 0%, #FFFFFF 100%);
  display: flex;
  position: relative;
  overflow: hidden;
}

/* 좌측 비주얼 영역 */
.visual-area {
  width: 45%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.visual-area img {
  height: 95%;
  object-fit: contain;
  /* 인물 사진이 하단에 맞닿도록 */
}

/* 도장/배지 오버레이 */
.badge {
  position: absolute;
  width: 80px;
  height: 80px;
  border: 3px solid #E52121;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-15deg);
  font-family: 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 800;
  color: #E52121;
  text-align: center;
  line-height: 1.2;
}

.badge:nth-child(1) { top: 80px; left: 20px; }
.badge:nth-child(2) { top: 200px; left: 40px; }
.badge:nth-child(3) { top: 320px; left: 10px; }

/* 우측 텍스트 영역 */
.text-area {
  width: 55%;
  padding: 60px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 핵심 단어 강조 */
.keyword {
  display: inline;
  background: linear-gradient(transparent 60%, #FFD700 60%);
  /* 하이라이트 밑줄 효과 */
}

.headline {
  font-family: 'Pretendard', sans-serif;
  font-size: 40px;
  font-weight: 900;
  color: #1A1A1A;
  line-height: 1.3;
  margin-bottom: 24px;
}

.sub-copy {
  font-size: 20px;
  font-weight: 500;
  color: #4A4A4A;
  line-height: 1.6;
  margin-bottom: 32px;
}

/* CTA 버튼 */
.cta-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #E52121;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  padding: 18px 40px;
  border-radius: 12px;
  align-self: flex-start;
}

/* 포인트 아이콘 */
.cta-button::after {
  content: '▶';
  font-size: 16px;
}
```

#### 1080x1080px 정사각형 버전 (hybrid-image 전용)

##### CSS 코드

```css
/* 컨테이너 */
.container {
  width: 1080px;
  height: 1080px; /* 정사각형 */
  background: linear-gradient(135deg, #F5F0EB 0%, #FFFFFF 100%);
  display: flex;
  position: relative;
  overflow: hidden;
}

/* 좌측 비주얼 영역 */
.visual-area {
  width: 42%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
}

.visual-area img {
  height: 92%;
  width: 100%;
  object-fit: cover;
  object-position: top center;
}

/* 도장/배지 오버레이 — 세로로 더 펼침 */
.badge {
  position: absolute;
  width: 92px;
  height: 92px;
  border: 3px solid #E52121;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-15deg);
  font-family: 'Pretendard', sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #E52121;
  text-align: center;
  line-height: 1.3;
  background: rgba(255, 255, 255, 0.92);
  padding: 8px;
  z-index: 10;
}

.badge:nth-child(1) { top: 140px; left: 14px; }
.badge:nth-child(2) { top: 420px; left: 28px; }
.badge:nth-child(3) { top: 700px; left: 12px; }

/* 세로 구분선 */
.divider {
  width: 3px;
  height: 80%;
  background: linear-gradient(to bottom, transparent, #E52121 20%, #E52121 80%, transparent);
  align-self: center;
  flex-shrink: 0;
  opacity: 0.25;
}

/* 우측 텍스트 영역 */
.text-area {
  width: 58%;
  padding: 72px 56px;   /* 1200x628 대비 padding 증가 */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 상단 레이블 */
.label {
  font-size: 15px;
  font-weight: 700;
  color: #E52121;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
}

/* 헤드라인 */
.headline {
  font-family: 'Pretendard', sans-serif;
  font-size: 46px;      /* 정사각형 기준 44-48px */
  font-weight: 900;
  color: #1A1A1A;
  line-height: 1.28;
  margin-bottom: 28px;
  word-break: keep-all;
}

/* 핵심 단어 강조 */
.keyword {
  display: inline;
  background: linear-gradient(transparent 60%, #FFD700 60%);
}

/* 서브카피 */
.sub-copy {
  font-size: 23px;      /* 22-24px */
  font-weight: 500;
  color: #4A4A4A;
  line-height: 1.65;
  margin-bottom: 44px;
  word-break: keep-all;
}

/* CTA 버튼 */
.cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #E52121;
  color: #FFFFFF;
  font-size: 24px;      /* 24px */
  font-weight: 700;
  padding: 20px 44px;
  border-radius: 14px;
  align-self: flex-start;
}

.cta-button::after {
  content: '▶';
  font-size: 17px;
}

/* 하단 신뢰 지표 바 */
.trust-bar {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1.5px solid #E8E0D8;
  display: flex;
  gap: 28px;
  align-items: center;
}

.trust-item {
  font-size: 14px;
  font-weight: 500;
  color: #888888;
  display: flex;
  align-items: center;
  gap: 6px;
}
```

##### 완전한 HTML 템플릿

```html
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Concept 5 - Split 1080x1080</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet">
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }

    body {
      width: 1080px;
      height: 1080px;
      overflow: hidden;
      font-family: 'Noto Sans KR', 'Pretendard', sans-serif;
    }

    .container {
      width: 1080px; height: 1080px;
      background: linear-gradient(135deg, #F5F0EB 0%, #FFFFFF 100%);
      display: flex;
      position: relative;
      overflow: hidden;
    }

    .visual-area {
      width: 42%; height: 100%;
      position: relative;
      display: flex; align-items: flex-end; justify-content: center;
      flex-shrink: 0;
    }

    .visual-area img {
      height: 92%; width: 100%;
      object-fit: cover; object-position: top center;
    }

    .badge {
      position: absolute;
      width: 92px; height: 92px;
      border: 3px solid #E52121; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      transform: rotate(-15deg);
      font-family: 'Noto Sans KR', sans-serif;
      font-size: 12px; font-weight: 900;
      color: #E52121; text-align: center; line-height: 1.3;
      background: rgba(255,255,255,0.92);
      padding: 8px; z-index: 10;
    }

    .badge:nth-child(1) { top: 140px; left: 14px; }
    .badge:nth-child(2) { top: 420px; left: 28px; }
    .badge:nth-child(3) { top: 700px; left: 12px; }

    .divider {
      width: 3px; height: 80%;
      background: linear-gradient(to bottom, transparent, #E52121 20%, #E52121 80%, transparent);
      align-self: center; flex-shrink: 0; opacity: 0.25;
    }

    .text-area {
      width: 58%; padding: 72px 56px;
      display: flex; flex-direction: column; justify-content: center;
    }

    .label {
      font-size: 15px; font-weight: 700; color: #E52121;
      letter-spacing: 0.08em; margin-bottom: 18px;
    }

    .headline {
      font-size: 46px; font-weight: 900;
      color: #1A1A1A; line-height: 1.28;
      margin-bottom: 28px; word-break: keep-all;
    }

    .keyword {
      display: inline;
      background: linear-gradient(transparent 60%, #FFD700 60%);
    }

    .sub-copy {
      font-size: 23px; font-weight: 500;
      color: #4A4A4A; line-height: 1.65;
      margin-bottom: 44px; word-break: keep-all;
    }

    .cta-button {
      display: inline-flex; align-items: center; gap: 10px;
      background: #E52121; color: #FFFFFF;
      font-size: 24px; font-weight: 700;
      padding: 20px 44px; border-radius: 14px;
      align-self: flex-start; text-decoration: none;
    }

    .cta-button::after { content: '▶'; font-size: 17px; }

    .trust-bar {
      margin-top: 36px; padding-top: 28px;
      border-top: 1.5px solid #E8E0D8;
      display: flex; gap: 28px; align-items: center;
    }

    .trust-item {
      font-size: 14px; font-weight: 500; color: #888888;
      display: flex; align-items: center; gap: 6px;
    }

    .trust-item .dot {
      width: 6px; height: 6px;
      background: #E52121; border-radius: 50%; flex-shrink: 0;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="visual-area">
      <div class="badge">{{badge_1}}</div>
      <div class="badge">{{badge_2}}</div>
      <div class="badge">{{badge_3}}</div>
      <img src="{{person_image_url}}" alt="person">
    </div>

    <div class="divider"></div>

    <div class="text-area">
      <p class="label">FA 리쿠르팅</p>
      <h1 class="headline">{{headline}}</h1>
      <p class="sub-copy">{{sub_copy}}</p>
      <a class="cta-button" href="#">{{cta_text}}</a>
      <div class="trust-bar">
        <span class="trust-item"><span class="dot"></span>서울대 출신 멘토링</span>
        <span class="trust-item"><span class="dot"></span>AI 시스템 지원</span>
        <span class="trust-item"><span class="dot"></span>파격 초기 지원금</span>
      </div>
    </div>
  </div>
</body>
</html>
```

##### 플레이스홀더 변수

- `{{headline}}` — 메인 헤드라인 (HTML 태그 허용, `<span class="keyword">`로 형광펜 강조 가능)
- `{{sub_copy}}` — 서브카피 (`<br>` 개행 허용)
- `{{cta_text}}` — CTA 버튼 텍스트
- `{{badge_1}}` / `{{badge_2}}` / `{{badge_3}}` — 좌측 도장 배지 텍스트 (`<br>` 개행)
- `{{person_image_url}}` — 인물 사진 URL (누끼 이미지 권장)

> **렌더링 환경**: Playwright HTML→PNG 전용. `page.setViewportSize({ width: 1080, height: 1080 })` 설정 필요.
> **폰트**: Google Fonts `Noto Sans KR` CDN. 오프라인 시 Pretendard 로컬 폰트 대체.

**적합한 메시지 유형**: 솔루션 제시, 혜택 나열, 리더/코치 소개, CTA 중심 마지막 슬라이드

**우리 리쿠르팅 배너 적용 예시**:
- 좌측: 서울대보험쌤 프로필 사진 + 도장 배지 ("서울대 출신", "AI 시스템", "파격 지원금")
- 우측: "지금이 마지막 기회입니다" 헤드라인 + 혜택 3줄 + "무료 상담 신청" CTA
- 도장/배지를 CSS rotate + border-radius로 구현하여 인증/권위감 부여

---

## 복제 가능성 종합 판정

### satori 우선 복제 가능 (CSS 그라디언트 + 타이포):
1. **컨셉 1: 네이비 타이포 임팩트** — 복제 가능성 **상** (순수 CSS+텍스트)
2. **컨셉 2: 숫자 임팩트 뉴스플래시** — 복제 가능성 **상** (순수 CSS+텍스트)
3. **컨셉 4: 타겟 페르소나 카드** — 복제 가능성 **상** (CSS+텍스트+원형이미지)

### hybrid 필요 (Gemini 배경 + HTML 오버레이):
4. **컨셉 3: 인물 사진 + 텍스트 하이브리드** — 복제 가능성 **상** (Gemini 인물+HTML 텍스트)
5. **컨셉 5: 좌우 분할 솔루션형** — 복제 가능성 **중상** (인물 사진 필요)

### 만화/웹툰 스타일 (캠페인 1-2):
- 복제 가능성 **하** — 커스텀 일러스트 필요, AI 생성 품질 불확실
- 다만 "텍스트 중심으로 재해석"하면 satori로 핵심 메시지는 전달 가능
- 만화 효과선(집중선)은 CSS radial-gradient로 근사 가능:
```css
background: repeating-conic-gradient(
  #1A1A1A 0deg, #1A1A1A 2deg,
  #2D2D2D 2deg, #2D2D2D 4deg
);
```

---

## 부록: 브랜드 컬러 매핑

### PDF 레퍼런스 → 서울대보험쌤 브랜드 색상 매핑

- PDF 검정(`#1A1A1A`) → 브랜드 네이비(`#1B365D`) — 신뢰/전문성 유지, 더 부드러운 톤
- PDF 빨강(`#E52121`) → 동일 사용 가능 — CTA/강조에 빨강은 보편적
- PDF 골드(`#FFD700`) → 브랜드 골드(`#C5A572`) — 프리미엄 느낌, 조금 더 차분
- PDF 네이비(`#1B3A5C`) → 브랜드 네이비(`#1B365D`) — 거의 동일
- PDF 오렌지(`#FF6B35`) → 브랜드 그린(`#4CAF50`) 또는 동일 유지 — 에너지/접근성
- PDF 라이트그레이(`#F5F5F5`) → 브랜드 배경(`#FFFFFF/#F5F5F5`) — 동일

---

*이 분석은 제이회장님의 광고사례 레퍼런스 PDF를 디자인 컨셉 추출 목적으로 심층 재분석한 결과입니다.*
*satori/hybrid 도구로 복제 가능한 컨셉 1, 2, 4를 우선 적용하되, 컨셉 3, 5도 hybrid 기법으로 구현을 권장합니다.*