# 디자인 컨셉 브리프 — 보험사 벤치마크 시리즈 (컨셉 #32, #33, #34)

**작성일**: 2026-03-29
**작성자**: 므네모시네 (마케팅 전략가)
**대상**: 디자인팀 (비너스/나부)
**카피 소스**: 리쿠르팅 광고 크리에이티브 v5 (`ad-creative-recruiting-v5.md`)
**참조 리서치**:
- `research-samsungfire.md` — 삼성화재 브랜드 아이덴티티
- `research-meritz.md` — 메리츠화재 브랜드 아이덴티티
- `research-hanwha.md` — 한화손해보험 브랜드 아이덴티티

---

## 공통 사양 (3개 컨셉 전체 적용)

- **사이즈**: 1080 × 1080px PNG
- **최종 광고 플랫폼**: Instagram/Meta Feed (1:1 정사각형)
- **제작 방식**: hybrid-image (Gemini AI 배경 생성 + HTML 텍스트 오버레이)
- **저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/`
- **참고 카피**: `/home/jay/workspace/memory/tasks/ad-creative-recruiting-v5.md`

---

## 절대 규칙

- **satori-cardnews 사용 절대 금지** — 이 브리프의 3개 컨셉은 전부 hybrid-image. 위반 시 작업 전체 폐기.
- **hybrid-image 전용** — Gemini AI 배경 생성 + HTML 텍스트 오버레이 결합 방식
- **폰트 크기 절대 기준**: 핵심 텍스트 **84px 이상**, 보조 텍스트 **64px 이상**, 최소 텍스트 **40px 이상**. 이 기준 미달 시 출력 폐기.
- 3개 컨셉은 **나란히 놓았을 때 서로 다른 브랜드 광고로 분류될 만큼 명확하게 차별화**되어야 함
- 모든 텍스트는 1080px 기준 **px 단위 고정** (vw/vh/em 단위 금지)
- Gemini 배경 이미지 생성 후 HTML 레이어를 정확히 오버레이할 것

---

## 폰트 크기 기준 요약표

| 텍스트 역할 | 최소 크기 | 권장 크기 |
|------------|----------|---------|
| 핵심 헤드라인 (메인 훅) | **84px** | 96px~120px |
| 보조 헤드라인 (서브 카피) | **64px** | 64px~80px |
| 혜택/데이터 텍스트 | **40px** | 44px~56px |
| 조직명/브랜드 텍스트 | **40px** | 40px~48px |
| CTA 버튼 텍스트 | **40px** | 44px~52px |

> **절대 기준**: 어떤 텍스트도 40px 미만 사용 불가. 위계를 84/64/40 세 단계로 명확히 구분할 것.

---

## 컨셉 #32 — 삼성화재 스타일 (Samsung Fire Style)

- **파일명**: `concept-32-samsungfire-style.png`
- **저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/concept-32-samsungfire-style.png`
- **선택 앵글**: **앵글 B — 성장 데이터** (폭발적 성장 모멘텀 + 상위 1% 전략)
- **전체 무드**: 대한민국 1위 보험사 프리미엄 신뢰감 — 깔끔하고 권위 있으며, 봄빛 청색 계열의 희망적 에너지

---

### #32 색상 팔레트

| 역할 | Hex | 용도 |
|------|-----|------|
| 배경 (베이스) | `#EAF6FB` | 스프링 블루 틴트 — 밝고 신뢰로운 배경 |
| 배경 보조 그라디언트 끝점 | `#FFFFFF` | 화이트 (우하단 방향 페이드) |
| 메인 헤드라인 텍스트 | `#003CDC` | SFN Blue — 삼성화재 신뢰 블루 |
| 서브 카피 텍스트 | `#003CDC` | SFN Blue |
| 강조 수치 텍스트 | `#003CDC` | SFN Blue (핵심 숫자) |
| 포인트 / 악센트 라인 | `#5BC2E7` | 스프링 블루 — 삼성화재 주 브랜드컬러 |
| 혜택 텍스트 / 배지 배경 | `#5BC2E7` | 스프링 블루 |
| 혜택 텍스트 내 글자 | `#FFFFFF` | 퓨어 화이트 |
| 보조 성장 포인트 | `#3AAD67` | 틸 그린 — 자연 성장 상징 |
| CTA 버튼 배경 | `#5BC2E7` | 스프링 블루 |
| CTA 버튼 텍스트 | `#003CDC` | SFN Blue |
| 조직명 텍스트 | `#003CDC` | SFN Blue, 투명도 80% |
| 보조 구분선 | `#5BC2E7` | 스프링 블루, 투명도 50% |

---

### #32 Gemini 배경 이미지 생성 지시

**생성할 이미지 설명 (영문 프롬프트)**:

```
Clean minimal office environment background, bright natural daylight through large windows,
soft spring morning atmosphere, white desks and workstations with subtle blue accents,
professional Korean corporate office interior, upper floor city view partially visible,
abstract upward growth chart elements subtly integrated into environment,
color palette: predominantly white and very pale sky blue (#EAF6FB tones),
no people, no text, no faces, photorealistic high quality, 1080x1080 pixels,
clean modern Korean corporate aesthetic, hopeful and premium atmosphere
```

**배경 의도**: 삼성화재의 '봄' 철학을 공간으로 표현 — 밝고 희망적인 오피스 환경이 성장 기회를 암시. 사람 없는 공간으로 텍스트가 주인공이 되게 함.

---

### #32 HTML 텍스트 오버레이 레이아웃

**전체 구조 (1080 × 1080px)**:

```
┌──────────────────────────────────────────────────────┐
│  [상단 좌측]  T.O.P 사업단         (40px, SFN Blue)  │  ← 5~8%
│  [상단 우측]  #1 성장 조직 · 코스닥 상장 인카금융      │
├──────────────────────────────────────────────────────┤
│  [상단 악센트 라인]  가로선 1080px × 3px (스프링 블루) │  ← 10%
├──────────────────────────────────────────────────────┤
│                                                      │
│  [중앙 상단부 — 좌측 정렬, 패딩 left 72px]            │
│                                                      │
│  당신이 머무르는 동안,                               │  ← 20~32%
│  (96px, SFN Blue #003CDC, ExtraBold)                │
│                                                      │
│  매출 1,863%                                        │  ← 35~52%
│  (120px, SFN Blue #003CDC, Black weight)            │
│  성장했습니다                                        │
│  (96px, SFN Blue #003CDC, ExtraBold)                │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [구분 악센트 블록]  스프링 블루 가로 바 (좌측 패딩)    │  ← 57%
│  (너비 260px, 높이 5px, #5BC2E7)                    │
├──────────────────────────────────────────────────────┤
│                                                      │
│  판을 바꾸는 전략, T.O.P 사업단                      │  ← 60~68%
│  (64px, SFN Blue #003CDC, SemiBold)                 │
│                                                      │
│  [ 482명 → 5,500명 성장 ]  [ 신입 최대 1,000만원 ]  │  ← 70~80%
│  (스프링 블루 배지 박스, 흰 텍스트, 40px, Bold)       │
│  각 배지: padding 12px 28px, border-radius 24px     │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [CTA 버튼 — 중앙 정렬, 좌측 오프셋 72px]            │
│  ┌──────────────────────────────────────────┐       │  ← 83~91%
│  │         지금 지원하기  →                   │       │
│  └──────────────────────────────────────────┘       │
│  (버튼: 스프링 블루 배경, SFN Blue 텍스트, 44px)     │
│  (border-radius: 30px, padding: 20px 60px)         │
├──────────────────────────────────────────────────────┤
│  [하단 악센트 라인]  3px 가로선 (스프링 블루)          │  ← 93%
│  상위 1%의 영업 로직을 배우다 · 대체 불가능한 전문가   │  ← 95~98%
│  (40px, SFN Blue 투명도 70%, Light weight)          │
└──────────────────────────────────────────────────────┘
```

---

### #32 폰트 상세 사양

| 요소 | 폰트 | Weight | Size | Letter-Spacing | Line-Height |
|------|------|--------|------|----------------|-------------|
| 브랜드/조직명 상단 | Pretendard | 400 | 40px | 0.08em | — |
| 메인 훅 1행 ("당신이 머무르는 동안,") | Pretendard | 800 | 96px | -0.01em | 1.2 |
| 핵심 수치 ("매출 1,863%") | Pretendard | 900 | 120px | -0.02em | 1.1 |
| 메인 훅 3행 ("성장했습니다") | Pretendard | 800 | 96px | -0.01em | 1.2 |
| 보조 헤드라인 ("판을 바꾸는 전략...") | Pretendard | 600 | 64px | -0.005em | 1.3 |
| 혜택 배지 텍스트 | Pretendard | 700 | 40px | 0.02em | — |
| CTA 버튼 텍스트 | Pretendard | 700 | 44px | 0.04em | — |
| 하단 서브 텍스트 | Pretendard | 300 | 40px | 0.03em | — |

---

### #32 구현 상세 명세

**배경 통합 방식**:
- Gemini 생성 배경 이미지를 1080×1080 전체로 배치
- HTML 텍스트 레이어: 좌측 영역 (1080×1080) 위에 full 오버레이
- 텍스트 가독성을 위해 배경 이미지 위에 `rgba(234,246,251,0.75)` 반투명 흰 오버레이 적용

**좌측 정렬 패딩 (픽셀 고정값)**:
- 좌측 기준선: 72px
- 우측 안전 영역: 최소 72px (이미지 우측 공간 확보)
- 상단 여백: 60px
- 하단 여백: 60px

**스프링 블루 악센트 라인**:
- 상단: `top: 108px`, `left: 0`, `width: 100%`, `height: 3px`, `background: #5BC2E7`
- 중간 (서브 카피 위): `width: 260px`, `height: 5px`, `background: #5BC2E7`, `left: 72px`
- 하단: `bottom: 80px`, `width: 100%`, `height: 3px`, `background: #5BC2E7`

**CTA 버튼 상세**:
```css
background: #5BC2E7;
color: #003CDC;
font-size: 44px;
font-weight: 700;
padding: 20px 60px;
border-radius: 30px;
border: none;
letter-spacing: 0.04em;
```

**배지 박스 상세**:
```css
background: #5BC2E7;
color: #FFFFFF;
font-size: 40px;
font-weight: 700;
padding: 12px 28px;
border-radius: 24px;
display: inline-block;
margin-right: 16px;
```

---

### #32 차별화 포인트 요약

- **핵심 감정**: "대한민국 1위 브랜드의 신뢰감" — 삼성화재가 연상되는 밝고 깨끗한 봄빛 블루
- **설득 방식**: 압도적 성장 수치(1,863%)로 이성 + "봄 같은 기회"로 감성
- **타겟 반응**: "이 조직은 진짜 검증된 곳이다 — 나도 올라탈 수 있다"

---

---

## 컨셉 #33 — 메리츠화재 스타일 (Meritz Fire Style)

- **파일명**: `concept-33-meritz-style.png`
- **저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/concept-33-meritz-style.png`
- **선택 앵글**: **앵글 D — AI/기술 차별화** (디지털 네이티브 MZ세대 공략, 기술이 일하게 하는 전략)
- **전체 무드**: 디지털 이노베이션, MZ 타겟, 메리츠 오렌지-레드의 에너지와 현대적 미니멀리즘 — "보험영업의 미래"를 시각화

---

### #33 색상 팔레트

| 역할 | Hex | 용도 |
|------|-----|------|
| 배경 (베이스) | `#0D0D0D` | 거의 블랙 — 기술/미래 느낌의 다크 배경 |
| 메리츠 오렌지-레드 (1차 포인트) | `#EF3B24` | 메리츠 공식 브랜드컬러 — 에너지, 열정 |
| 오렌지-레드 글로우 (배경 광원) | `rgba(239,59,36,0.12)` | 하단 좌측 방사형 광원 효과 |
| 메인 헤드라인 텍스트 | `#FFFFFF` | 퓨어 화이트 |
| 강조 키워드 | `#EF3B24` | 메리츠 오렌지-레드 |
| 서브 카피 텍스트 | `rgba(255,255,255,0.85)` | 약간 투명한 화이트 |
| 기술 태그 배지 배경 | `rgba(239,59,36,0.15)` | 반투명 오렌지-레드 |
| 기술 태그 배지 테두리 | `rgba(239,59,36,0.50)` | 오렌지-레드 아웃라인 |
| 기술 태그 텍스트 | `#EF3B24` | 오렌지-레드 |
| 데이터 수치 텍스트 | `#EF3B24` | 오렌지-레드 (강렬한 강조) |
| 구분선 / 테크 그리드라인 | `rgba(239,59,36,0.25)` | 반투명 오렌지 가로선 |
| CTA 버튼 배경 | `#EF3B24` | 메리츠 오렌지-레드 |
| CTA 버튼 텍스트 | `#FFFFFF` | 퓨어 화이트 |
| 메리츠 그레이 보조 | `#6D6E71` | 보조 설명 텍스트 (선택적) |

---

### #33 Gemini 배경 이미지 생성 지시

**생성할 이미지 설명 (영문 프롬프트)**:

```
Dark futuristic technology background, abstract digital data visualization,
glowing circuit board patterns and neural network nodes in deep dark space,
subtle orange-red light emanating from lower left corner like a digital sunrise,
holographic floating interface elements, data streams flowing diagonally,
color palette: near-black (#0D0D0D) dominant with vivid orange-red (#EF3B24) accent glows,
no people, no faces, no text, no logos,
ultra-modern tech aesthetic suitable for Korean insurance fintech startup ad,
1080x1080 pixels, cinematic lighting, high contrast
```

**배경 의도**: 메리츠화재의 "디지털 퍼스트, 젊고 스마트한 기업 이미지"를 암시하는 다크 테크 배경. 오렌지-레드 광원이 에너지와 열정을 표현. T.O.P의 AI 기술 차별화 메시지와 완벽히 시너지.

---

### #33 HTML 텍스트 오버레이 레이아웃

**전체 구조 (1080 × 1080px)**:

```
┌──────────────────────────────────────────────────────┐
│  [상단 좌측]  T.O.P 사업단                            │  ← 5~8%
│  (40px, 화이트 투명도 70%, Light)                    │
│  [상단 우측]  AI · 기술 · 성장                        │
│  (40px, 오렌지-레드 #EF3B24, Bold)                   │
├──────────────────────────────────────────────────────┤
│  [기술 태그 배지 행 — 좌측 정렬, 패딩 72px]            │  ← 12~18%
│  [ # AI 자동화 ]  [ # 구글 앱스 ]  [ # 스마트 영업 ]  │
│  (각 배지: 오렌지-레드 아웃라인, 40px, EF3B24 텍스트) │
├──────────────────────────────────────────────────────┤
│                                                      │
│  [메인 헤드라인 영역 — 좌측 정렬, 패딩 72px]           │
│                                                      │
│  보험 영업,                                          │  ← 22~34%
│  (96px, 화이트 #FFFFFF, ExtraBold)                  │
│                                                      │
│  왜 아직도                                           │  ← 36~47%
│  발로 뛰십니까?                                      │
│  (84px, 오렌지-레드 #EF3B24, Black weight)          │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [수평 그리드라인]  오렌지-레드 반투명 가로선           │  ← 52%
│  (1080px × 1px, rgba(239,59,36,0.30))               │
├──────────────────────────────────────────────────────┤
│                                                      │
│  AI가 상담을 준비하고,                               │  ← 55~63%
│  시스템이 고객을 관리합니다                           │
│  (64px, 화이트 투명도 90%, SemiBold)                 │
│                                                      │
│  서울대 공대 출신 리더가 설계한 영업 자동화            │  ← 65~71%
│  (44px, 화이트 투명도 70%, Regular)                  │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [데이터 수치 행 — 중앙 정렬]                         │  ← 73~81%
│                                                      │
│  30여종 무상 DB    ·    1,863% 매출성장    ·    1:1 코칭  │
│  (48px, 오렌지-레드 수치 + 화이트 레이블)             │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [CTA 버튼 — 좌측 정렬, 패딩 72px]                   │
│  ┌──────────────────────────────────────────┐       │  ← 83~92%
│  │   팀에 합류하기  →                         │       │
│  └──────────────────────────────────────────┘       │
│  (오렌지-레드 배경, 화이트 텍스트, 44px, Bold)       │
│  (border-radius: 6px, padding: 22px 64px)          │
└──────────────────────────────────────────────────────┘
```

---

### #33 폰트 상세 사양

| 요소 | 폰트 | Weight | Size | Letter-Spacing | Line-Height |
|------|------|--------|------|----------------|-------------|
| 브랜드명 상단 | Pretendard | 300 | 40px | 0.10em | — |
| AI 기술 태그 텍스트 | Pretendard | 700 | 40px | 0.05em | — |
| 메인 훅 1행 ("보험 영업,") | Pretendard | 800 | 96px | -0.01em | 1.15 |
| 메인 훅 2~3행 ("왜 아직도 발로 뛰십니까?") | Pretendard | 900 | 84px | -0.02em | 1.15 |
| 보조 헤드라인 ("AI가 상담을...") | Pretendard | 600 | 64px | -0.005em | 1.3 |
| 서포트 카피 ("서울대 공대 출신...") | Pretendard | 400 | 44px | 0.01em | 1.4 |
| 데이터 수치 | Pretendard | 800 | 48px | 0.00em | — |
| CTA 버튼 텍스트 | Pretendard | 700 | 44px | 0.05em | — |

---

### #33 구현 상세 명세

**배경 통합 방식**:
- Gemini 생성 다크 테크 배경 이미지를 1080×1080 전체로 배치
- HTML 텍스트 레이어를 배경 위에 full 오버레이
- 텍스트 영역 아래에 별도 오버레이 불필요 (다크 배경이 흰 텍스트를 자연스럽게 지지)
- 단, 핵심 카피 영역(헤드라인) 아래에 `rgba(0,0,0,0.30)` 미세 다크 오버레이 적용 가능

**좌측 정렬 패딩 (픽셀 고정값)**:
- 좌측 기준선: 72px
- 우측 안전 영역: 최소 72px
- 상단 여백: 56px
- 하단 여백: 56px

**기술 태그 배지 상세**:
```css
background: rgba(239, 59, 36, 0.15);
border: 1.5px solid rgba(239, 59, 36, 0.50);
color: #EF3B24;
font-size: 40px;
font-weight: 700;
padding: 10px 24px;
border-radius: 4px;
display: inline-block;
margin-right: 12px;
letter-spacing: 0.05em;
```

**수평 그리드라인**:
```css
width: 100%;
height: 1px;
background: rgba(239, 59, 36, 0.30);
position: absolute;
top: 561px;  /* 전체 높이의 52% 지점 */
```

**CTA 버튼 상세**:
```css
background: #EF3B24;
color: #FFFFFF;
font-size: 44px;
font-weight: 700;
padding: 22px 64px;
border-radius: 6px;
border: none;
letter-spacing: 0.05em;
```

**데이터 수치 행 구분자**: `·` (중간점) — `color: rgba(239,59,36,0.60)`, `font-size: 48px`

---

### #33 차별화 포인트 요약

- **핵심 감정**: "이 조직은 다르다 — AI와 기술이 나를 대신 일하게 한다"
- **설득 방식**: 다크+오렌지의 강렬한 시각적 충격 → MZ세대 스크롤 정지 효과
- **타겟 반응**: "보험영업이 이렇게 현대적일 수 있구나 — 나 이 팀 들어가고 싶다"

---

---

## 컨셉 #34 — 한화손해보험 스타일 (Hanwha Style)

- **파일명**: `concept-34-hanwha-style.png`
- **저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/concept-34-hanwha-style.png`
- **선택 앵글**: **앵글 E — DB+코칭 지원** (지인영업의 고통에서 벗어나, 함께 성장하는 팀 시스템)
- **전체 무드**: 따뜻하고 공감적인 라이프스타일 — 한화의 "나와 살아가는 보험" 철학처럼 T.O.P가 "함께 살아가는 팀"임을 표현. 오렌지 온기와 그린 성장의 균형.

---

### #34 색상 팔레트

| 역할 | Hex | 용도 |
|------|-----|------|
| 배경 베이스 | `#FFF8F2` | 따뜻한 아이보리 — 가족적이고 포근한 배경 |
| 배경 그라디언트 보조 | `#FFFFFF` | 중앙부 페이드 아웃 (화이트 방향) |
| 한화 웜 오렌지 (1차 포인트) | `#FF6B35` | 따뜻한 에너지, 행동 촉구 |
| 오렌지 연한 배경 | `rgba(255,107,53,0.08)` | 오렌지 틴트 오버레이 |
| 메인 헤드라인 텍스트 | `#2C2C2C` | 다크 차콜 — 따뜻하고 읽기 편한 |
| 강조 키워드 | `#FF6B35` | 웜 오렌지 (핵심 단어 강조) |
| 서브 카피 텍스트 | `#4A4A4A` | 미디엄 차콜 |
| 그린 성장 포인트 | `#2BA860` | 성장, 안정, 웰니스 상징 |
| 그린 배지 배경 | `rgba(43,168,96,0.12)` | 연한 그린 틴트 |
| 그린 배지 텍스트 | `#2BA860` | 그린 |
| 오렌지 배지 배경 | `rgba(255,107,53,0.12)` | 연한 오렌지 틴트 |
| 오렌지 배지 테두리 | `rgba(255,107,53,0.40)` | 오렌지 아웃라인 |
| 오렌지 배지 텍스트 | `#FF6B35` | 웜 오렌지 |
| CTA 버튼 배경 | `#FF6B35` | 웜 오렌지 — 명확한 액션 유도 |
| CTA 버튼 텍스트 | `#FFFFFF` | 퓨어 화이트 |
| 구분선 | `rgba(255,107,53,0.25)` | 연한 오렌지 가로선 |
| 보조 텍스트 | `#6B6B6B` | 따뜻한 그레이 |

---

### #34 Gemini 배경 이미지 생성 지시

**생성할 이미지 설명 (영문 프롬프트)**:

```
Warm inviting lifestyle background, soft morning light through sheer curtains,
cozy modern Korean home office or cafe environment, wooden desk with coffee cup,
warm golden hour sunlight creating soft bokeh effect,
subtle plants and greenery in soft focus background,
color palette: warm ivory whites (#FFF8F2), soft amber tones, gentle orange highlights,
hints of natural green in background,
no people, no faces, no text, no logos,
emotional warmth and safety, professionally aspirational yet approachable,
1080x1080 pixels, shallow depth of field, natural photography style
```

**배경 의도**: 한화의 "나와 살아가는 보험" 캠페인처럼 일상의 따뜻한 순간을 포착. 아이보리와 웜 오렌지 톤이 공감과 친근함을 유발. "혼자가 아니다"는 메시지와 시각적으로 공명.

---

### #34 HTML 텍스트 오버레이 레이아웃

**전체 구조 (1080 × 1080px)**:

```
┌──────────────────────────────────────────────────────┐
│  [배경 오버레이]                                      │
│  rgba(255,248,242,0.78) 반투명 아이보리 전체 오버레이  │
│  (배경 이미지 위에서 텍스트 가독성 확보)               │
├──────────────────────────────────────────────────────┤
│  [상단 좌측]  T.O.P 사업단                            │  ← 5~8%
│  (40px, #4A4A4A, Regular, letter-spacing: 0.08em)   │
│  [상단 우측]  함께 성장하는 팀                         │
│  (40px, #FF6B35, Medium)                            │
├──────────────────────────────────────────────────────┤
│  [오렌지 구분선]  가로선 (패딩 72px 안쪽, 300px 길이)  │  ← 11%
│  (height: 4px, background: #FF6B35, border-radius: 2px) │
├──────────────────────────────────────────────────────┤
│                                                      │
│  [메인 헤드라인 — 좌측 정렬, 패딩 72px]               │
│                                                      │
│  고객 없어서                                         │  ← 15~27%
│  (96px, #2C2C2C, ExtraBold)                         │
│                                                      │
│  매일이 전쟁인가요?                                   │  ← 28~40%
│  (96px, #FF6B35, ExtraBold)                         │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [공감 보조 메시지 — 좌측 정렬, 패딩 72px]             │  ← 43~52%
│                                                      │
│  지인에게 아쉬운 소리 하고,                           │
│  거절받고, 상처받는 영업은 이제 그만.                   │
│  (64px, #4A4A4A, Regular)                           │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [해결책 강조 블록 — 아이보리 배경 카드]               │  ← 55~72%
│  ┌────────────────────────────────────────────┐     │
│  │  30여종 무상 DB가 그 전쟁을 끝냅니다        │     │
│  │  (64px, #FF6B35, Bold)                    │     │
│  │                                           │     │
│  │  설계 매니저 + 서포트 매니저, 당신 곁에     │     │
│  │  (44px, #4A4A4A, Regular)                │     │
│  └────────────────────────────────────────────┘     │
│  카드: bg #FFFFFF, border-left 5px solid #FF6B35    │
│  border-radius: 12px, padding: 28px 36px           │
├──────────────────────────────────────────────────────┤
│  [혜택 배지 행 — 좌측 정렬, 패딩 72px]                │  ← 74~82%
│                                                      │
│  [ 1:1 밀착 코칭 ]  [ 신입 최대 1,000만원 ]  [ 무상 DB ] │
│  (오렌지/그린 교차 배지, 40px)                       │
│  오렌지 배지: bg rgba(255,107,53,0.12), border orang │
│  그린 배지: bg rgba(43,168,96,0.12), border green   │
│                                                      │
├──────────────────────────────────────────────────────┤
│  [CTA 버튼 — 좌측 정렬, 패딩 72px]                   │
│  ┌──────────────────────────────────────────┐       │  ← 84~93%
│  │   T.O.P와 함께 시작하기  →               │       │
│  └──────────────────────────────────────────┘       │
│  (오렌지 배경, 흰 텍스트, 44px, Bold)               │
│  (border-radius: 12px, padding: 22px 56px)         │
├──────────────────────────────────────────────────────┤
│  [하단 보조 텍스트 — 중앙 정렬]                       │  ← 95~98%
│  고객도, 성장도 혼자 하지 않습니다 · 인카금융서비스 코스닥 상장  │
│  (40px, #6B6B6B, Light)                            │
└──────────────────────────────────────────────────────┘
```

---

### #34 폰트 상세 사양

| 요소 | 폰트 | Weight | Size | Letter-Spacing | Line-Height |
|------|------|--------|------|----------------|-------------|
| 브랜드명 상단 | Pretendard | 400 | 40px | 0.08em | — |
| 상단 우측 태그 ("함께 성장하는 팀") | Pretendard | 500 | 40px | 0.05em | — |
| 메인 훅 1행 ("고객 없어서") | Pretendard | 800 | 96px | -0.01em | 1.2 |
| 메인 훅 2행 ("매일이 전쟁인가요?") | Pretendard | 800 | 96px | -0.015em | 1.2 |
| 공감 서브 카피 | Pretendard | 400 | 64px | 0.00em | 1.4 |
| 해결책 카드 메인 ("30여종 무상 DB가...") | Pretendard | 700 | 64px | -0.005em | 1.3 |
| 해결책 카드 서브 ("설계 매니저...") | Pretendard | 400 | 44px | 0.01em | 1.4 |
| 혜택 배지 텍스트 | Pretendard | 600 | 40px | 0.03em | — |
| CTA 버튼 텍스트 | Pretendard | 700 | 44px | 0.04em | — |
| 하단 서브 텍스트 | Pretendard | 300 | 40px | 0.03em | — |

---

### #34 구현 상세 명세

**배경 통합 방식**:
- Gemini 생성 따뜻한 라이프스타일 배경 이미지를 1080×1080 전체로 배치
- HTML 전체 래퍼에 `rgba(255,248,242,0.78)` 아이보리 반투명 오버레이 적용 (배경 이미지 위)
- 이 오버레이가 배경의 따뜻한 톤은 살리면서 텍스트 가독성 확보

**좌측 정렬 패딩 (픽셀 고정값)**:
- 좌측 기준선: 72px
- 우측 안전 영역: 최소 72px
- 상단 여백: 56px
- 하단 여백: 56px

**오렌지 상단 구분선**:
```css
width: 300px;
height: 4px;
background: #FF6B35;
border-radius: 2px;
margin-left: 72px;
margin-top: 16px;
```

**해결책 카드 박스**:
```css
background: #FFFFFF;
border-left: 5px solid #FF6B35;
border-radius: 12px;
padding: 28px 36px;
margin-left: 72px;
margin-right: 72px;
box-shadow: 0 4px 20px rgba(255,107,53,0.10);
```

**오렌지 혜택 배지**:
```css
background: rgba(255, 107, 53, 0.12);
border: 1.5px solid rgba(255, 107, 53, 0.40);
color: #FF6B35;
font-size: 40px;
font-weight: 600;
padding: 10px 22px;
border-radius: 24px;
display: inline-block;
margin-right: 10px;
```

**그린 혜택 배지**:
```css
background: rgba(43, 168, 96, 0.12);
border: 1.5px solid rgba(43, 168, 96, 0.40);
color: #2BA860;
font-size: 40px;
font-weight: 600;
padding: 10px 22px;
border-radius: 24px;
display: inline-block;
```

**CTA 버튼 상세**:
```css
background: #FF6B35;
color: #FFFFFF;
font-size: 44px;
font-weight: 700;
padding: 22px 56px;
border-radius: 12px;
border: none;
letter-spacing: 0.04em;
box-shadow: 0 6px 24px rgba(255,107,53,0.30);
```

---

### #34 차별화 포인트 요약

- **핵심 감정**: "나만 힘든 게 아니구나 — 여기엔 나를 도와줄 팀이 있다"
- **설득 방식**: 고통 공감(지인영업 전쟁) → 따뜻한 해결책 제시(시스템+코칭) → 함께의 감동
- **타겟 반응**: "이 팀에 들어가면 혼자 싸우지 않아도 되겠다 — T.O.P와 함께하고 싶다"

---

---

## 3개 컨셉 최종 차별화 비교표

| 항목 | #32 삼성화재 스타일 | #33 메리츠화재 스타일 | #34 한화 스타일 |
|------|------------------|---------------------|----------------|
| **선택 앵글** | B — 성장 데이터 | D — AI/기술 | E — DB+코칭 지원 |
| **배경 톤** | 밝은 아이보리/스프링 블루 | 다크 블랙 + 오렌지 글로우 | 따뜻한 아이보리/골든 보케 |
| **메인 컬러** | SFN Blue #003CDC + Spring Blue #5BC2E7 | 메리츠 오렌지-레드 #EF3B24 | 한화 웜 오렌지 #FF6B35 + 그린 #2BA860 |
| **핵심 수치** | 매출 1,863%, 5,500명 | 30여종 DB, 기술 자동화 | 30여종 DB, 1:1 코칭 |
| **무드** | 프리미엄 신뢰, 봄빛 희망 | 디지털 혁신, MZ 에너지 | 따뜻한 공감, 함께의 안도감 |
| **설득 방식** | 압도적 성장 수치 (이성+감성) | 기술 충격 + 에너지 (MZ 공감) | 고통 공감 + 따뜻한 해결책 |
| **CTA 텍스트** | "지금 지원하기 →" | "팀에 합류하기 →" | "T.O.P와 함께 시작하기 →" |
| **CTA 버튼 색** | Spring Blue #5BC2E7 | Meritz Orange-Red #EF3B24 | Warm Orange #FF6B35 |
| **배경 분위기** | 밝은 오피스, 도시 전망 | 다크 테크, 디지털 우주 | 따뜻한 카페/홈오피스 |
| **타겟** | 신뢰·권위를 보고 결정하는 타입 | 기술·혁신에 끌리는 MZ세대 | 고통에 공감받고 싶은 타입 |
| **도구** | hybrid-image (Gemini+HTML) | hybrid-image (Gemini+HTML) | hybrid-image (Gemini+HTML) |
| **금지 도구** | satori-cardnews 절대 금지 | satori-cardnews 절대 금지 | satori-cardnews 절대 금지 |

---

## 공통 구현 체크리스트

### 폰트 크기 검증 (출력 전 필수 확인)
- [ ] 핵심 헤드라인: **84px 이상** 확인
- [ ] 보조 헤드라인: **64px 이상** 확인
- [ ] 혜택/데이터/배지 텍스트: **40px 이상** 확인
- [ ] CTA 버튼 텍스트: **40px 이상** 확인
- [ ] 조직명/브랜드 텍스트: **40px 이상** 확인
- [ ] **어떤 텍스트도 40px 미만 없음** 최종 확인

### hybrid-image 공통 주의사항
1. **Playwright 뷰포트**: `width: 1080, height: 1080` 정확히 설정
2. **폰트 로딩**: `document.fonts.ready` 대기 후 스크린샷 촬영
3. **캔버스 고정**: `width: 1080px; height: 1080px; overflow: hidden` 필수
4. **px 단위 고정**: 모든 크기값 px 사용 (vw/vh/em 비율 단위 금지)
5. **Gemini 배경**: 1080×1080px 정확히 생성, object-fit: cover 적용
6. **텍스트 대비**: 모든 텍스트가 배경 대비 WCAG AA 기준 (4.5:1) 충족 확인
7. **안전 영역**: 좌우 상하 최소 56px 여백 준수

### 출력 파일 검증
- [ ] `concept-32-samsungfire-style.png` — 1080×1080px 확인
- [ ] `concept-33-meritz-style.png` — 1080×1080px 확인
- [ ] `concept-34-hanwha-style.png` — 1080×1080px 확인
- [ ] 3개 컨셉이 나란히 놓였을 때 **완전히 다른 비주얼 카테고리**로 분류되는지 확인

---

## 카피 소스 귀속 확인

| 카피 | 출처 앵글 | 귀속 조직 |
|------|---------|---------|
| "당신이 머무르는 동안, 매출 1,863% 성장했습니다" | 앵글 B | 다이렉트총괄부문 |
| "판을 바꾸는 전략, T.O.P 사업단" | 앵글 B | T.O.P |
| "482명 → 5,500명" | 앵글 B | 다이렉트총괄부문 |
| "신입 최대 1,000만원" | 앵글 A/B | T.O.P |
| "상위 1%의 영업 로직을 배우다" | 앵글 B | 다이렉트총괄부문 |
| "보험 영업, 왜 아직도 발로 뛰십니까?" | 앵글 D | T.O.P |
| "AI가 상담을 준비하고, 시스템이 고객을 관리합니다" | 앵글 D | T.O.P |
| "서울대 공대 출신 리더가 설계한 영업 자동화" | 앵글 D | T.O.P |
| "고객 없어서 매일이 전쟁인가요?" | 앵글 E | T.O.P |
| "30여종 무상 DB가 그 전쟁을 끝냅니다" | 앵글 E | T.O.P |
| "설계 매니저 + 서포트 매니저, 당신 곁에" | 앵글 E | T.O.P |
| "고객도, 성장도 혼자 하지 않습니다" | 앵글 E | T.O.P |

---

**다음 단계**: 디자이너(비너스/나부) → Gemini 배경 생성 → hybrid-image 텍스트 오버레이 제작 → 3개 컨셉 나란히 배치 검토 → 제이회장님 최종 승인