# M3 서울대보험쌤 배너 6장 제작

## 목적
디자인 디렉션 문서를 기반으로 M3(서울대보험쌤) 배너 6장을 제작한다.

## 제작 대상
- M3-1: 서울대보험쌤 × 정당한 대우 (1200×628 + 1080×1080)
- M3-2: 서울대보험쌤 × 관리자 비전 (1200×628 + 1080×1080)
- M3-3: 서울대보험쌤 × 영업지원 (1200×628 + 1080×1080)

## 필수 참조 문서
- **디자인 디렉션**: `/home/jay/workspace/output/google-ads/design-direction-9set.md`
  - M3 해당 섹션만 읽으세요 (M3-1, M3-2, M3-3 + 공통 규칙 + M3 컬러 시스템)
- **디자인 노하우/실패사례**: `/home/jay/workspace/memory/specs/knowhow-design.md`
- **hybrid-image 스킬**: `/home/jay/workspace/skills/hybrid-image/SKILL.md`
- **gemini-image 스킬**: `/home/jay/workspace/skills/gemini-image/SKILL.md`

## 제작 방식
**hybrid-image 방식** (AI 배경 + HTML 텍스트 오버레이):
1. Gemini로 배경 이미지 생성 (디렉션의 Gemini 프롬프트 사용)
2. HTML/CSS로 텍스트 오버레이 작성 (디렉션의 레이아웃 스펙 준수)
3. Playwright로 합성하여 최종 PNG 출력

## 산출물 경로
- `/home/jay/workspace/output/google-ads/banners/m3/` 하위에 저장
- 파일명 규칙: `m3-1-1200x628.png`, `m3-1-1080x1080.png`, `m3-2-1200x628.png` ...

## 품질 기준 (디자인 디렉션 공통 규칙 필수)
- "당신" 금지 → "여러분"
- "팀장" 금지 → "지점장"
- 모든 텍스트 최소 40px, font-weight 500 이상
- WCAG AAA 대비율 (7:1) 충족
- Gemini 배경: "photographic scene" 필수, 아이콘/그래픽 금지
- 반투명 레이어 최대 2개, 메인 피사체 가리지 않기
- 슬라이드 번호 금지, 내부 코드명 노출 금지
- M3 컬러 시스템: 골드/크림 계열 (#C9A84C, #A07828, #1A0E00, #3E2723, #FFF8E7)
- ⚠️ 골드(#C9A84C) on 화이트 배경 = 대비율 3.1:1 미달. 밝은 배경에서는 다크 골드(#A07828) 사용 필수

## Gemini 모델
- 반드시 `gemini-2.0-flash-preview-image-generation` 또는 `gemini-3-pro-image-preview` 사용
- 404 에러 시 모델명 재확인