# 디자인 컨셉 카탈로그 예시 제작 브리프 — Batch 1 (컨셉 #1~#5)

**작성일**: 2026-03-28
**작성자**: 헤르메스 (개발1팀장)
**대상**: 디자인팀 (비너스/나부)
**원본 태스크**: task-1210.1

---

## 공통 사양

- **사이즈**: 1080x1080px PNG
- **텍스트 소스**: 리쿠르팅 앵글 A 카피 (v5)
  - 메인 훅: "열심히는 하는데, 월급은 제자리걸음?"
  - 서브: "2026년 7월, 게임이 바뀝니다"
  - CTA: "지금 상담 신청하기"
- **핵심 요구**: 5개 컨셉이 **확실히 다른 비주얼 스타일**이어야 함
- **저장 경로**: `/home/jay/workspace/output/meta-ads/concept-samples/`
- **참고 카탈로그**: `/home/jay/workspace/memory/specs/design-concept-catalog-20.md`
- **참고 카피**: `/home/jay/workspace/memory/tasks/ad-creative-recruiting-v5.md`

---

## 절대 규칙
- **satori-cardnews 사용 절대 금지** — 카드뉴스 전용. 광고 배너에 쓰면 작업 전체 폐기.
- **hybrid-image 또는 gemini-image만 사용**

---

## 컨셉별 제작 상세

### #1 제약을 캔버스로 (Constraint-as-Canvas)

- **파일명**: `concept-01-constraint.png`
- **추천 도구**: hybrid-image (Playwright HTML→PNG)
- **비주얼 컨셉**:
  - 보험 계약서/약관 텍스트가 화면 전체를 채움
  - 핵심 문구("월급은 제자리걸음?")만 오렌지색 하이라이트로 강조
  - 나머지 약관 텍스트는 회색(#999) 소형 폰트
  - 극도의 절제 — 이미지/아이콘 사용 금지
- **배경**: 흰색(#FFFFFF) 또는 크림색(#FFF8F0)
- **색상 팔레트**: 흰/크림 배경, 회색(#999999) 텍스트, 오렌지(#FF6B35) 하이라이트
- **폰트**: 본명조 또는 나눔명조 (약관 느낌), 하이라이트는 Pretendard Bold
- **레이아웃**: 약관 텍스트 밀집 배치, 중앙부에 하이라이트 문구 배치
- **참고 사례**: AXA "Three Words" (Cannes Lions 2025 Grand Prix)
- **구현 난이도**: 쉬움

### #2 감정 타이포 시스템 (Expressive Typography System)

- **파일명**: `concept-02-expressive-typo.png`
- **추천 도구**: hybrid-image (Playwright HTML→PNG)
- **비주얼 컨셉**:
  - Variable font weight로 감정 표현
  - "제자리걸음" → 극도로 얇은 weight (100-200), 시각적으로 약하고 지쳐 보이는 느낌
  - "성장" → 극도로 굵은 weight (800-900), 강렬하고 확신에 찬 느낌
  - 텍스트만으로 승부, 이미지 없음
- **배경**: 단색 딥 네이비(#0A1628)
- **색상 팔레트**: 딥 네이비 배경, 화이트(#FFFFFF) 텍스트, 선택적 포인트 컬러(#4ECDC4)
- **폰트**: Pretendard Variable (weight 100~900 활용)
- **레이아웃**: 중앙 정렬, 상하 대비 구조 ("제자리걸음" 위, "성장" 아래)
- **CSS 참고**: `font-variation-settings: 'wght' 100` ~ `'wght' 900`
- **참고 사례**: Academy "Caption with Intention" (Cannes Lions 2025)
- **구현 난이도**: 보통

### #3 비완성의 진정성 (Anti-Polish Authenticity)

- **파일명**: `concept-03-anti-polish.png`
- **추천 도구**: hybrid-image (Gemini 배경 + HTML 오버레이)
- **비주얼 컨셉**:
  - 손글씨/메모 느낌, 포스트잇, 노트 위 낙서 스타일
  - UGC(User-Generated Content) 감성 — 광고처럼 안 보여야 함
  - 기울어진 텍스트, 불규칙한 간격, 형광펜 밑줄
  - 포스트잇/메모장 위에 손글씨로 쓴 듯한 메시지
- **배경 (Gemini 생성)**: "crumpled notebook paper texture, slightly yellowed, natural lighting, realistic wrinkles"
- **색상 팔레트**: 노트 배경(#F5F0E1), 검정 손글씨(#2C2C2C), 형광 하이라이트(#FFFF00), 포스트잇 노란색(#FFE066)
- **폰트**: 나눔손글씨 펜 또는 유사 손글씨 폰트, CSS transform으로 기울기(-2~3deg) 추가
- **레이아웃**: 비정렬, 자유 배치, 포스트잇/화살표 요소 활용
- **참고 사례**: Dove "Real Beauty" 셀카 스타일 광고
- **구현 난이도**: 쉬움

### #4 현실-판타지 해체 (Reality-Fantasy Dissolution)

- **파일명**: `concept-04-reality-fantasy.png`
- **추천 도구**: hybrid-image (Gemini 배경 + HTML 글리치 오버레이)
- **비주얼 컨셉**:
  - 좌측: 흑백 현실 (지친 직장인, 사무실, 야근)
  - 우측: 컬러 판타지 (성공한 모습, 밝은 미래, 자신감)
  - 중앙 경계: 글리치(glitch) 효과 — 현실과 판타지가 겹치는 영역
  - 텍스트는 경계선 위에 배치
- **배경 (Gemini 생성)**: "split image, left side grayscale tired office worker at desk looking exhausted, right side colorful successful business person smiling confidently, glitch effect at the border between two halves, 1080x1080"
- **색상 팔레트**: 좌측 흑백(#333333~#CCCCCC), 우측 컬러(자연광), 글리치 영역(#FF0066, #00FFFF, #FF6600)
- **폰트**: Pretendard Bold, 글리치 효과(CSS text-shadow multi-layer)
- **레이아웃**: 좌우 5:5 분할, 중앙 글리치 존(폭 50~80px)
- **참고 사례**: Nike x Jordan Brand "Flight" 캠페인
- **구현 난이도**: 어려움 (VFX 합성 필요)

### #5 단일 상징 캠페인 (Symbol-as-Campaign)

- **파일명**: `concept-05-symbol.png`
- **추천 도구**: hybrid-image (Gemini 배경 + HTML 미니멀 텍스트)
- **비주얼 컨셉**:
  - 화면 중앙에 하나의 강렬한 상징물 — 황금 열쇠 (새로운 시작의 문을 여는 의미)
  - 어두운 공간 속 시네마틱 라이팅으로 열쇠에 집중
  - 텍스트는 최소한 — 상단 또는 하단에 한 줄 카피
  - "당신의 열쇠는 이미 준비되어 있습니다"
- **배경 (Gemini 생성)**: "golden key floating in dark space, cinematic lighting, dramatic spotlight from above, minimal dark background, high quality 3D render"
- **색상 팔레트**: 다크 배경(#0D0D0D), 골드(#D4A855), 화이트 텍스트(#FFFFFF)
- **폰트**: Pretendard SemiBold, 작은 사이즈(28~36px), 자간 넓게(letter-spacing: 4px)
- **레이아웃**: 중앙 집중, 상징물이 화면의 60% 차지, 하단에 미니멀 텍스트
- **참고 사례**: Mastercard "Priceless", Spotify "Wrapped"
- **구현 난이도**: 보통

---

## 디자인팀 요청사항

1. 5개 컨셉 모두 제작 후 `/home/jay/workspace/output/meta-ads/concept-samples/` 에 저장
2. 각 컨셉이 **명확히 구별되는 비주얼 스타일**인지 최종 확인
3. 완성 후 제이회장님 검토를 위해 파일 전달 필요
4. **satori-cardnews 절대 사용 금지** — hybrid-image 또는 gemini-image만 사용