# 디자인 컨셉 카탈로그 — Batch 2 v2 디자인 브리프 (컨셉 #4~#6)

**작성일**: 2026-03-28
**작성자**: 페이토 (CRO 카피라이터) + 므네모시네 (마케팅 전략가)
**대상**: 디자인팀 제작용
**앵글**: 리쿠르팅 앵글 A — 정착지원금

---

## 공통 사양

- **사이즈**: 1080x1080px PNG
- **도구**: hybrid-image 또는 gemini-image만 (satori-cardnews 절대 금지)
- **텍스트 소스**: 앵글 A (정착지원금) 카피 활용
  - 핵심 훅: "열심히는 하는데, 월급은 제자리걸음?"
  - 핵심 팩트: 신입 정착지원금 최대 1,000만원 / 경력직 직전연봉 50%까지 지원
  - CTA: "지금 상담 신청하기"
  - 브랜드: T.O.P 사업단 (코스닥 상장사 인카금융서비스)
  - 긴급성 팩트: 2026.7월 정착지원금 변경 예정
- **핵심 요구**: 3개 컨셉이 **확실히 다른 비주얼 스타일**이어야 함

---

## 절대 규칙

- satori-cardnews 사용 절대 금지
- hybrid-image 또는 gemini-image만 사용

---

## 컨셉별 제작 상세

---

### 컨셉 #04: 현실-판타지 경계 해체 (Reality-Fantasy Dissolution)

> **전략 메모 (므네모시네)**: 원래 VFX 합성 컨셉이나 도구 한계상 "게임 HUD 스타일 단순화" 전략을 채택. 현실의 지친 직장인 이미지 위에 게임 UI 레이어(체력바, 레벨업, 상태창)를 HTML로 얹는 방식. MZ/Z세대에게 친숙한 게이미피케이션 언어로 "이직 = 레벨업"을 시각화.

> **카피 방향 (페이토)**: "월급 제자리걸음 = 레벨업 불가 상태"라는 게임 은유 활용. HUD 상태창에 현재 직장인의 스탯을 표시해 위기감 부여, T.O.P 합류 = 레벨업 이벤트로 해결책 제시.

- **도구**: hybrid-image (gemini-image 배경 → HTML HUD 오버레이)
- **배경 생성 프롬프트**:
  ```
  A tired Korean office worker in dark business suit sitting at a desk late at night,
  city office background with glowing screens, slightly desaturated and cold-toned,
  cinematic mood, photorealistic, soft focus background, front-facing portrait,
  1080x1080 square composition, moody atmospheric lighting
  ```
- **스타일 키워드**: 게임 HUD 오버레이, 글로우 네온 UI, RPG 상태창, 어두운 오피스 배경, 사이버펑크 미학, 게이미피케이션
- **색상 팔레트**:
  - 배경 오버레이 (어둡게 조정): `rgba(0, 0, 0, 0.45)` 레이어
  - HUD 액센트 컬러: `#00FF88` (네온 그린), `#FFB800` (골든 옐로), `#FF4444` (경고 레드)
  - HUD 패널 배경: `rgba(0, 20, 10, 0.75)` (어두운 반투명 그린 틴트)
  - HUD 테두리: `#00FF88` (1~2px 글로우)
  - 텍스트: `#FFFFFF` (메인), `#00FF88` (수치 강조)
- **레이아웃**:
  - 좌상단 (120x80px): HUD 패널 — "현재 스탯: 월급 [STATIC]" 상태창
    - 체력바(빨강): 80% → "번아웃 위험"
    - 경험치바(그레이): 15% → "성장 정체"
  - 우상단 (120x30px): 레벨 표시 "[LV.3 직장인]" 네온 그린 텍스트
  - 중앙 하단 영역 (전체 폭 × 하단 35%): 반투명 다크 패널
    - 메인 헤드라인 (흰색 볼드)
    - 서브카피
    - CTA 버튼 (네온 그린 테두리)
  - 우측 중단 (알림 팝업): "⚡ 이벤트 발생" → T.O.P 합류 미션 텍스트
- **폰트 방향**:
  - HUD 텍스트: 고정폭 느낌 (Pretendard ExtraBold or monospace-look), 대문자 혼용
  - 메인 헤드라인: Pretendard Bold 52~58px
  - HUD 수치: Pretendard ExtraBold 14~16px, 네온 컬러
- **텍스트**:
  - HUD 상태창 (소형):
    - `[현재 상태] 월급: 제자리 ▬▬▬▬▬▬░░░░`
    - `[위험] 번아웃 게이지: 78%`
  - 이벤트 팝업 (소형): `⚡ 레벨업 이벤트 / T.O.P 합류 시 +1,000만원`
  - 메인 헤드라인: "열심히는 하는데, 월급은 제자리걸음?"
  - 서브카피: "정착지원금 최대 1,000만원 — 지금이 레벨업 타이밍"
  - CTA: "지금 상담 신청하기"
  - 부가 텍스트: `T.O.P 사업단 | 2026.7월 조건 변경 예정`
- **참고 사례**:
  - Nike x Jordan Brand "Flight" 캠페인 (현실+게임 그래픽 오버레이)
  - 게임 UI 참조: Cyberpunk 2077 HUD, League of Legends 인게임 UI
- **구현 주의사항**:
  - VFX 합성 시도 금지 — gemini 배경 생성 후 HTML CSS로 HUD 레이어만 구현
  - HUD 패널은 `border: 1px solid #00FF88` + `box-shadow: 0 0 8px #00FF88` 으로 글로우 표현
  - 너무 많은 HUD 요소 추가 금지 — 상태창 2개 + 알림 팝업 1개 이하로 절제
  - 배경 인물이 HUD에 묻히지 않도록 중앙 인물 영역은 HUD 요소 배치 최소화
  - 배경 이미지에 `filter: brightness(0.6) saturate(0.7)` 적용해 HUD가 부각되도록

---

### 컨셉 #05: 단일 상징으로 전체 캠페인 (Symbol-as-Campaign)

> **전략 메모 (므네모시네)**: "1,000만원"이라는 숫자 자체를 캠페인의 단일 상징으로 활용. 숫자 하나가 화면의 75%를 지배하고, 나머지 모든 카피는 그 숫자를 설명하는 보조 역할만 한다. 이 브리프에서는 배치#1(batch1 컨셉#5)의 황금 열쇠 상징과 명확히 구별하기 위해 — 타이포그래피 자체가 상징이 되는 방향으로 설계.

> **카피 방향 (페이토)**: "1,000만원"이라는 숫자를 먼저 보게 만들고, 두 번째 시선에서 "신입 정착지원금"이라는 맥락을 읽게 한다. 숫자에 시선이 잡히면 카피가 자동으로 읽힌다. 로케이션에 구애받지 않는 캠페인 확장성을 위해 모듈형 레이아웃 설계.

- **도구**: hybrid-image (CSS + gemini-image 텍스처 배경)
- **배경 생성 프롬프트**:
  ```
  Deep navy blue abstract background with subtle golden light particles and soft
  bokeh circles, premium financial luxury feel, very minimal texture,
  slight gradient from dark navy at edges to deep midnight blue at center,
  no text, no objects, clean professional atmosphere, 1080x1080
  ```
- **스타일 키워드**: 단일 상징 타이포그래피, 캠페인 모듈, 초대형 숫자 중심, 브랜드 기호학, 프리미엄 금융 미학
- **색상 팔레트**:
  - 배경: `#0A1628` (딥 네이비 다크) ~ Gemini 생성 배경 이미지
  - 메인 숫자: `#D4A855` (프리미엄 골드) — 크기로 압도
  - 단위 텍스트 (만원): `#FFFFFF` 50% opacity — 숫자보다 작게
  - 서브카피: `#B8C9E0` (소프트 블루 그레이)
  - CTA 버튼: `#D4A855` 테두리 + `transparent` 배경 (고스트 버튼)
  - 브랜드 배지: `rgba(212, 168, 85, 0.15)` 배경 + `#D4A855` 텍스트
- **레이아웃**:
  - 전체 구성: 수직 중앙 정렬 3단
  - 상단 (20%): 브랜드 배지 "T.O.P 사업단 | 코스닥 상장사 인카금융서비스"
    - 가로 pill 형태, 골드 테두리, 소형 텍스트 14px
  - 중앙 (55%): 단일 상징 숫자 블록
    - "1,000만원" — 숫자(1,000)가 최대 크기 (font-size: 180~200px, ExtraBold)
    - "만원" 단위는 숫자 우하단에 30px 크기로 부착
    - 숫자 바로 아래 라인: "신입 정착지원금 상한" (22px, 골드 50% opacity)
  - 하단 (25%): 텍스트 + CTA
    - 메인 헤드라인: "열심히는 하는데, 월급은 제자리걸음?" (28px Bold 화이트)
    - 서브카피: "T.O.P 합류 시 최대 1,000만원 정착지원" (16px)
    - CTA 버튼: "지금 상담 신청하기" (고스트 버튼, 골드 테두리)
    - 긴급성 라인: "⚠ 2026.7월 조건 변경 예정" (12px, 경고 오렌지 #FFA500)
- **폰트 방향**:
  - 숫자 "1,000": Pretendard ExtraBold, 180~200px, letter-spacing: -4px (숫자 밀착)
  - 단위 "만원": Pretendard Bold, 28~32px
  - 헤드라인: Pretendard Bold, 28px
  - 서브카피: Pretendard Regular, 16px
  - 브랜드 배지: Pretendard Medium, 13px, letter-spacing: 1px
- **텍스트**:
  - 브랜드 배지: T.O.P 사업단 | 코스닥 상장사 인카금융서비스
  - 단일 상징: 1,000만원
  - 상징 설명: 신입 정착지원금 상한
  - 메인 헤드라인: 열심히는 하는데, 월급은 제자리걸음?
  - 서브카피: T.O.P 합류 시 최대 1,000만원 정착지원
  - CTA: 지금 상담 신청하기
  - 부가 텍스트: ⚠ 2026.7월 조건 변경 예정
- **참고 사례**:
  - Mastercard "Priceless" — 두 원이 캠페인 전체를 지배
  - Spotify "Wrapped" — 연간 숫자 데이터 하나가 글로벌 캠페인으로 확장
  - 삼성화재 "1,200만 고객" 수치 광고 — 숫자 중심 레이아웃
- **구현 주의사항**:
  - 숫자 "1,000만원"이 화면에서 단연 가장 큰 요소여야 함 — 다른 텍스트와 최소 4배 이상 크기 차이
  - Batch 1 컨셉#5(황금 열쇠)와 구별: 오브젝트 이미지 없음, 타이포그래피 자체가 상징
  - Gemini 배경은 텍스처 역할만 — 텍스트 가독성 방해 요소 없는지 확인
  - 숫자 골드 색상과 네이비 배경의 명도 대비 확인 (WCAG AA 이상 권장)
  - 저장 경로: `/home/jay/workspace/output/meta-ads/concept-catalog/05-symbol-as-campaign/`

---

### 컨셉 #06: 다크 프리미엄 (Dark Premium)

> **전략 메모 (므네모시네)**: 금융권 광고의 가장 검증된 공식 — 다크 네이비 + 골드. Goldman Sachs, JPMorgan이 사용하는 "신뢰 = 어두움 + 금"의 색상 언어를 보험 리쿠르팅에 그대로 이식. Batch 2 기존 브리프(DESIGN-BRIEF-batch2.md)의 컨셉#6 초안을 발전시켜, 데이터 시각화(미니 차트) 요소를 추가해 차별화. 경력직 이직 타겟 — 프리미엄 대우를 받는다는 인식 강화.

> **카피 방향 (페이토)**: "경력직 직전연봉 50%까지 지원"이라는 팩트는 숫자로 말하게 하고, 헤드라인은 감정적 공감으로 진입. "당신의 경력이 드디어 제대로 평가받습니다"는 경력직의 인정 욕구를 자극. 다크 배경이 자연스럽게 고급스러움을 연상시키므로 카피는 담담하고 절제된 어조 유지.

- **도구**: hybrid-image (gemini-image 배경 + HTML 골드 텍스트 오버레이)
- **배경 생성 프롬프트**:
  ```
  Ultra premium dark navy financial background, deep midnight blue gradient
  from #0A1628 to #1a1a2e, subtle gold dust particles floating, abstract
  geometric thin gold lines in lower third, luxury financial institution
  aesthetic, no text, no obvious objects, extremely refined and sophisticated,
  slight vignette at corners, 1080x1080 square
  ```
- **스타일 키워드**: 다크 네이비, 골드 액센트, 프리미엄 금융 신뢰, 데이터 시각화, LinkedIn 광고 미학, 절제된 럭셔리
- **색상 팔레트**:
  - 배경 기반: `#0A1628` (딥 미드나이트 네이비)
  - 서브 배경: `#1a1a2e` (다크 네이비)
  - 골드 1차 (제목/강조): `#D4A855`
  - 골드 2차 (밑줄/장식선): `#B5965A`
  - 화이트 (본문): `#F0F4F8`
  - 소프트 화이트 (서브텍스트): `#8899AA`
  - 구분선/데이터바: `rgba(212, 168, 85, 0.3)` ~ `#D4A855`
  - 배지 배경: `rgba(212, 168, 85, 0.12)`
- **레이아웃**:
  - 전체: 다크 배경 전면, 콘텐츠 좌측 정렬 (우측 여백 20%)
  - 상단 영역 (15%): 수평 구분선(골드) + 브랜드 텍스트
    - 가는 골드 라인 (1px) + "T.O.P 사업단" 레터스페이싱 넓게
  - 중상단 영역 (40%): 핵심 메시지 블록
    - 서브 태그라인 (골드 소문자): "경력직 정착지원금"
    - 메인 헤드라인 2줄 (화이트 볼드)
    - 골드 하이라이트 수치 블록: "직전연봉 50%" — 별도 강조 크기
  - 중하단 영역 (30%): 미니 데이터 시각화
    - 수평 바 2개 (CSS 구현):
      - Bar 1: "신입 지원금" → `████████░░` 레이블 "최대 1,000만원"
      - Bar 2: "경력 지원금" → `█████████░` 레이블 "직전연봉 50%"
    - 바 색상: 골드 그라디언트 (#D4A855 → #B5965A)
  - 하단 영역 (15%): CTA + 긴급성
    - CTA 버튼 (골드 테두리 + 골드 텍스트 고스트 버튼)
    - 우측 정렬: "⚠ 2026.7월 조건 변경" 소형 경고 텍스트
- **폰트 방향**:
  - 브랜드 텍스트: Pretendard Light, 13px, letter-spacing: 4px, 골드
  - 서브 태그라인: Pretendard Medium, 15px, 골드
  - 메인 헤드라인: Pretendard Bold, 42~48px, 화이트, line-height: 1.25
  - 강조 수치 "직전연봉 50%": Pretendard ExtraBold, 56~64px, `#D4A855`
  - 데이터 바 레이블: Pretendard Regular, 13px, 소프트 화이트
  - CTA: Pretendard SemiBold, 16px, 골드
- **텍스트**:
  - 브랜드 태그: T.O.P 사업단
  - 서브 태그라인: 경력직 정착지원금
  - 메인 헤드라인:
    - 1줄: "당신의 경력이 드디어"
    - 2줄: "제대로 평가받습니다"
  - 강조 수치: 직전연봉 50%
  - 수치 설명: 경력직 정착지원금 지원 한도
  - 데이터 바:
    - "신입 정착지원금 ──────── 최대 1,000만원"
    - "경력직 정착지원금 ───────── 직전연봉 50%"
  - CTA: 지금 상담 신청하기
  - 부가 텍스트: ⚠ 2026.7월 조건 변경 예정 | 코스닥 상장사 인카금융서비스
- **참고 사례**:
  - Goldman Sachs LinkedIn 광고 시리즈 (2024~2025) — 다크 배경 + 골드 타이포
  - JPMorgan Chase 자산관리 광고 — 네이비+골드 일관 적용
  - 카탈로그 #6 색상 팔레트 (#1a1a2e / #B5965A / #FFFFFF) 기준 준수
- **구현 주의사항**:
  - Batch 2 기존 브리프 컨셉#6(DESIGN-BRIEF-batch2.md)와의 차이점: 데이터 시각화(바 차트) 추가, 좌측 정렬, 2줄 헤드라인 구조
  - 데이터 바는 CSS `width` 퍼센트 + `background: linear-gradient(#D4A855, #B5965A)` 로 구현
  - 배경 이미지 위 텍스트 가독성 확보: 필요 시 `backdrop-filter: brightness(0.5)` 적용
  - "직전연봉 50%" 수치와 "1,000만원" 수치가 명확히 시각적으로 부각되어야 함
  - 전체 분위기: 화려하지 않고 "담담하게 고급스러운" 느낌 — 과도한 장식 금지
  - 저장 경로: `/home/jay/workspace/output/meta-ads/concept-catalog/06-dark-premium/`

---

## 3개 컨셉 비주얼 스타일 차별화 요약

| 항목 | #04 현실-판타지 해체 | #05 단일 상징 캠페인 | #06 다크 프리미엄 |
|------|-------------------|-------------------|----------------|
| 핵심 스타일 | 게임 HUD 오버레이 | 초대형 숫자 타이포 | 다크 네이비+골드 데이터 |
| 배경 | Gemini 인물 사진 | Gemini 네이비 추상 | Gemini 럭셔리 추상 |
| 주인공 요소 | 네온 그린 HUD 패널 | "1,000만원" 200px 숫자 | 골드 헤드라인 + 데이터 바 |
| 타겟 감성 | MZ/게임세대 (자극적) | 성과 지향적 (임팩트) | 경력직 이직자 (신뢰) |
| 분위기 | 사이버펑크, 긴박 | 캠페인적, 압도적 | 프리미엄, 절제 |
| 컬러 | 네온 그린 + 경고 레드 | 딥 네이비 + 프리미엄 골드 | 미드나이트 네이비 + 골드 |
| 텍스트 크기 | 혼합 (HUD 소형 + 헤드라인 중형) | 극단 대비 (200px vs 28px) | 체계적 위계 (64px → 13px) |

---

*작성: 페이토 (CRO 카피라이터) + 므네모시네 (마케팅 전략가) | 2026-03-28*