# 리메이크 디자인 브리프 — 컨셉 #05~#08 (v2)

> **작성일**: 2026-03-29
> **작성자**: 아폴론 (Apollo), Marketing 콘텐츠 프로듀서
> **캔버스**: 1080×1080px PNG
> **앵글**: A — 정착지원금
> **폰트 규칙**: 핵심 메시지 84px+, 보조 메시지 64px+, 최소 40px (40px 미만 전면 금지)

---

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

### 디자인 스타일 유지사항
- 딥 네이비 배경 (#0a0e1f ~ #0d1435) + 황금빛 보케 조명 효과 유지
- 중앙 대형 골드 숫자 "1,000"이 캠페인 전체를 대표하는 핵심 심볼
- 배경에 별빛·입자 느낌의 미세 텍스처 유지
- 상단 브랜드 필 + 하단 훅 카피·CTA 구조 유지
- 골드(#C9A84C ~ #F0D080) × 화이트 2색 텍스트 팔레트

### 텍스트 위계 (폰트 규칙 준수)

| # | 역할 | 텍스트 | 크기 | Weight | Color |
|---|------|--------|------|--------|-------|
| 1 | 심볼 숫자 | "1,000만원" | 180px | Black (900) | #E8C86A (골드) |
| 2 | 핵심 훅 | "소득은 제자리걸음인가요?" | 84px | Bold (700) | #FFFFFF |
| 3 | 보조 설명 | "정착지원금이 문제를 풀어줍니다" | 64px | Regular (400) | #C8D0E0 |
| 4 | CTA 버튼 | "지금 상담 신청하기" | 44px | SemiBold (600) | #0a0e1f (버튼 배경 #E8C86A) |
| 5 | 긴급성 | "2026.7월 조건 변경 예정" | 40px | Medium (500) | #E06060 |

> **텍스트 요소 수**: 5개
> 심볼 숫자(180px) → 훅(84px) → 보조(64px) → CTA(44px) → 긴급성(40px)

### 레이아웃 가이드
- **상단 20% 영역**: 브랜드 텍스트 제거 — 대신 심볼 숫자를 캔버스 수직 중앙(y: 35~60%)에 배치
- **심볼 숫자**: 중앙 정렬, 골드 글로우 효과(text-shadow: 0 0 60px rgba(232,200,106,0.6)) 적용
- **훅 카피**: 숫자 하단에 중앙 정렬, 줄바꿈 없이 1줄 처리 (84px × 약 14자 → "소득은 제자리걸음?" 단축 고려)
- **보조 설명**: 훅 바로 아래, 중앙 정렬
- **CTA 버튼**: 하단 15% 영역, 골드 배경 + 다크 텍스트 버튼, 가운데 정렬
- **긴급성**: CTA 버튼 바로 아래, 빨간 삼각형 아이콘 + 텍스트, 중앙 정렬
- **좌우 여백**: 각 80px 확보

### 배경 지시
- 딥 네이비 (#0a0e1f) 풀 블리드 배경
- 중앙부에 황금 보케 조명 2~3개 배치 (opacity 0.3~0.5, blur 120px)
- 심볼 숫자 뒤에 원형 골드 글로우 후광 (radial-gradient, opacity 0.15)
- 별빛 미세 입자 텍스처 레이어 (opacity 0.2)

폰트 규칙 점검: **PASS** (최소 40px, 40px 미만 없음)

---

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

### 디자인 스타일 유지사항
- 다크 네이비 배경 (#0d1124 ~ #141b33) + 골드 악센트
- 좌측 상단 브랜드 로고 위치 유지
- 경력직 "직전연봉 50%" 빅 넘버 강조 구조 유지
- 고급 금융 브랜드 톤(골드 + 화이트 + 다크) 유지
- 기존의 데이터 바 시각화 섹션은 폰트 규칙 위반(12~22px)으로 **전면 제거**

### 텍스트 위계 (폰트 규칙 준수)

| # | 역할 | 텍스트 | 크기 | Weight | Color |
|---|------|--------|------|--------|-------|
| 1 | 핵심 훅 | "소득은 제자리걸음인가요?" | 84px | Bold (700) | #FFFFFF |
| 2 | 빅 넘버 | "직전연봉 50%" | 120px | Black (900) | #C9A84C (골드) |
| 3 | 보조 설명 | "경력직 정착지원금으로 해결합니다" | 64px | Regular (400) | #A0AABF |
| 4 | CTA 버튼 | "지금 상담 신청하기" | 44px | SemiBold (600) | #0d1124 (버튼 배경 #C9A84C) |
| 5 | 브랜드 + 긴급성 | "T.O.P 사업단 · 2026.7월 조건 변경 예정" | 40px | Regular (400) | #7A8499 |

> **텍스트 요소 수**: 5개
> 훅(84px) → 빅 넘버(120px) → 보조(64px) → CTA(44px) → 브랜드+긴급성(40px)

### 레이아웃 가이드
- **상단 12% 영역**: 좌측 골드 수평선 + "T.O.P 사업단" 브랜드 — **단, 이 브랜드 텍스트는 5번 요소(40px)로 통합**되어 하단에 이동
- **상단~중앙부**: 훅 카피(84px)를 좌측 정렬, 2줄로 배치
  - 1줄: "소득은 제자리걸음인가요?" (좌정렬)
- **중앙부**: 빅 넘버 "직전연봉 50%"를 좌측 또는 중앙 정렬, 골드 컬러로 임팩트 강조
- **빅 넘버 하단**: 보조 설명(64px) 1줄
- **하단 20%**: CTA 버튼(좌측 또는 중앙) + 최하단 브랜드·긴급성 라인(40px)
- **좌우 여백**: 각 72px

### 배경 지시
- 다크 네이비 풀 블리드 배경 (#0d1124)
- 우측 하단에 골드 기하학적 선 패턴(기존 다이아몬드 격자) 유지, opacity 0.12
- 빅 넘버 뒤에 미세 골드 그라디언트 글로우 (radial, opacity 0.08)
- 데이터 바 영역 완전 제거 — 해당 공간은 여백 또는 골드 구분선 1px로 대체

폰트 규칙 점검: **PASS** (최소 40px, 40px 미만 없음)

---

## #07 Impact Number (임팩트 넘버)

### 디자인 스타일 유지사항
- 다크 배경 (#121928) + 초대형 골드 숫자 중앙 배치 구조 유지
- 가장 미니멀한 구조 — 텍스트 요소 4개 이하 유지
- 숫자 자체가 임팩트이므로 나머지 요소는 극도로 억제
- 숫자 주변 황금빛 글로우 효과 유지

### 텍스트 위계 (폰트 규칙 준수)

| # | 역할 | 텍스트 | 크기 | Weight | Color |
|---|------|--------|------|--------|-------|
| 1 | 서브 라벨 | "신입 정착지원금 최대" | 48px | Regular (400) | #E0E8F0 |
| 2 | 임팩트 숫자 | "1,000만원" | 200px | Black (900) | #F0C84A (골드) |
| 3 | 긴급성 | "2026년 7월, 조건이 바뀝니다" | 52px | Bold (700) | #E06060 (레드) |
| 4 | CTA | "지금 상담 신청하기" | 44px | SemiBold (600) | #FFFFFF |

> **텍스트 요소 수**: 4개
> 서브 라벨(48px) → 임팩트 숫자(200px) → 긴급성(52px) → CTA(44px)

### 레이아웃 가이드
- **전체 구조**: 수직 중앙 정렬 스택
- **상단 30% 영역**: 여백 (숫자에 호흡 부여)
- **서브 라벨**: 임팩트 숫자 바로 위, 중앙 정렬, 1줄
- **임팩트 숫자**: 캔버스 수직 40~65% 구간, 중앙 정렬. "1,000만원"을 1줄로 배치
  - 200px × 약 6자 = 캔버스 폭 약 1000px → 좌우 여백 40px 확보하여 꽉 채움
- **구분선**: 임팩트 숫자와 긴급성 텍스트 사이에 골드 수평선 1px, 폭 120px, 중앙
- **긴급성 텍스트**: 구분선 바로 아래, 중앙 정렬, 레드 컬러 강조
- **CTA**: 긴급성 텍스트 아래, 중앙 정렬, 화이트 텍스트 + 언더라인 또는 화살표 아이콘

### 배경 지시
- 다크 배경 (#121928) 풀 블리드
- 임팩트 숫자 뒤 원형 골드 글로우 후광 (radial-gradient gold, radius 300px, opacity 0.20)
- 배경 내 미세 그레인 텍스처 (noise, opacity 0.05)
- 그 외 장식 요소 없음 — 미니멀 유지

폰트 규칙 점검: **PASS** (최소 44px, 40px 미만 없음)

---

## #08 Emotional Narrative (감성 내러티브)

### 디자인 스타일 유지사항
- 따뜻한 파스텔 배경 (크림·아이보리·모카 톤) + 라이프스타일 소품 이미지(커피, 노트, 안경) 유지
- 자연광 역광 분위기 (창문 빛, 따뜻한 앰버 톤) 유지
- 감성적 공감 훅 → 해결책 → CTA 서사 흐름 유지
- 텍스트는 이미지 위 오버레이 (반투명 레이어 또는 여백 영역 활용)

### 텍스트 위계 (폰트 규칙 준수)

| # | 역할 | 텍스트 | 크기 | Weight | Color |
|---|------|--------|------|--------|-------|
| 1 | 감성 훅 | "열심히는 하는데\n소득은 제자리걸음인가요?" | 84px | Bold (700) | #1A1410 (다크 브라운) |
| 2 | 해결 메시지 | "정착지원금이 문제를 풀어줍니다" | 64px | SemiBold (600) | #3D2B1A (브라운) |
| 3 | 수치 강조 | "신입 최대 1,000만원 · 경력직 직전연봉 50%" | 48px | Bold (700) | #8B5E3C (앰버 브라운) |
| 4 | CTA | "T.O.P 사업단 상담 신청하기 →" | 44px | SemiBold (600) | #FFFFFF (버튼 배경 #5C3D1E) |

> **텍스트 요소 수**: 4개
> 감성 훅(84px, 2줄) → 해결 메시지(64px) → 수치(48px) → CTA(44px)

### 레이아웃 가이드
- **이미지 구성**: 캔버스 전체를 파스텔 라이프스타일 사진으로 채움 (커피컵 + 노트 + 자연광)
- **텍스트 영역**: 이미지 상단 55% 구간에 반투명 크림 오버레이(rgba(255,250,240,0.80)) 처리 후 텍스트 배치
- **감성 훅**: 오버레이 영역 상단, 좌측 정렬 또는 중앙 정렬, 2줄 배치
  - 1줄: "열심히는 하는데" (84px)
  - 2줄: "소득은 제자리걸음인가요?" (84px)
- **해결 메시지**: 훅 아래 20px 간격, 동일 정렬
- **수치 강조**: 해결 메시지 아래, 1줄 처리 (48px × 약 20자 → 줄바꿈 없이 처리)
  - 줄 길이 초과 시: "신입 1,000만원 / 경력직 연봉 50%" 로 단축
- **CTA 버튼**: 이미지 하단 15% 영역(오버레이 없는 실사 이미지 위), 좌측 정렬, 다크 브라운 배경 버튼
- **좌우 여백**: 각 64px

### 배경 지시
- Gemini 생성 이미지: "warm morning light, coffee cup on wooden desk with notebook and glasses, soft bokeh, cozy atmosphere, pastel cream tones, photorealistic"
- 텍스트 가독성을 위해 상단 55% 구간에 크림 오버레이 필수 적용
- 하단 45% 구간은 이미지 원본 유지 (감성 분위기 보존)
- 이미지 전체에 따뜻한 앰버 컬러 그레이딩 (hue-rotate: +10deg, sepia: 0.15)

폰트 규칙 점검: **PASS** (최소 44px, 40px 미만 없음)

---

## 전체 폰트 규칙 최종 점검표

| 컨셉 | 최소 px | 40px 미만 요소 | 결과 |
|------|---------|---------------|------|
| #05 Symbol-as-Campaign | 40px (긴급성) | 없음 | PASS |
| #06 Dark Premium | 40px (브랜드+긴급성) | 없음 | PASS |
| #07 Impact Number | 44px (CTA) | 없음 | PASS |
| #08 Emotional Narrative | 44px (CTA) | 없음 | PASS |

> **전체 결과: PASS** — 모든 컨셉에서 40px 미만 텍스트 요소 없음.
> 각 컨셉당 텍스트 요소 4~5개로 제한하여 1080×1080px 캔버스 내 가독성 확보.