# 디자인 브리프 — 폰트 규칙 리메이크 Batch 3 (컨셉 #09~#12)

**작성일**: 2026-03-29
**작성자**: 페이토 (CRO 카피라이터) + 므네모시네 (마케팅 전략가)
**텍스트 소스**: 리쿠르팅 앵글 A 카피 v5 (정착지원금)
**광고 주체**: T.O.P 사업단 (인카금융서비스 코스닥 상장 GA)

---

## 절대 규칙

- **satori-cardnews 사용 절대 금지**
- **hybrid-image 또는 gemini-image만 사용**
- **폰트 크기 위계**: 핵심 메시지 84px+, 보조 메시지 64px+, 최소 40px
- **40px 미만 텍스트 하나라도 있으면 규칙 위반**

---

## 공통 사양

- **사이즈**: 1080x1080px PNG
- **폰트**: Pretendard (로컬 설치)
- **앵글 A 카피**:
  - 훅: "열심히는 하는데, 월급은 제자리걸음?"
  - 핵심 팩트: 신입 정착지원금 최대 1,000만원 / 경력직 직전연봉 50%
  - CTA: "지금 상담 신청하기"
  - 브랜드: T.O.P 사업단
  - 긴급성: 2026.7월 정착지원금 변경 예정

---

## 컨셉 #09 — 미니멀 타이포 (Minimal Typography)

### 전략 메모 (므네모시네)
원본의 280px 초대형 타이포 + 여백 미학은 컨셉의 핵심. 유지하되 서브 카피/브랜드/CTA를 모두 40px+ 이상으로 끌어올림. 서브 카피는 2줄에서 압축된 1줄로 변경하여 여백 확보.

### 카피 방향 (페이토)
미니멀 컨셉답게 서브 카피를 최대한 간결하게 압축. "정착지원금이 바뀝니다"만으로 핵심 전달.

### 텍스트 사양

| 요소 | 카피 | 폰트 크기 | weight | 색상 |
|------|------|-----------|--------|------|
| 메인 | 판이\n바뀐다 | 260px | 900 (Black) | #111111 |
| 서브 카피 | 2026년 7월, 정착지원금이 바뀝니다 | 44px | 300 (Light) | #555555 |
| 브랜드 | T.O.P 사업단 | 40px | 300 (Light) | #999999 |
| CTA | 지금 상담 신청하기 | 40px | 500 (Medium) | #111111 |

### 레이아웃
- 배경: #F0EDE8 (크림)
- 메인 카피: top 80px, left 60px, line-height 0.85
- 구분선: 메인 하단 + 40px 간격, width 300px, #CCCCCC
- 서브 카피: 구분선 아래 30px
- 브랜드: bottom 60px, left 60px
- CTA: bottom 60px, right 60px

---

## 컨셉 #10 — 활력 그라디언트 (Vitality Gradient)

### 전략 메모 (므네모시네)
그라디언트 배경의 에너지감이 핵심. 메인 훅을 84px+로 키우고 레이아웃을 상-중-하 3단으로 재배치. 키 피규어는 그대로 유지. 서브라인과 CTA를 통합 배치.

### 카피 방향 (페이토)
메인 훅을 1줄로 압축하여 큰 폰트에 맞춤. "월급은 제자리걸음?" 한 문장이 훅 역할.

### 텍스트 사양

| 요소 | 카피 | 폰트 크기 | weight | 색상 |
|------|------|-----------|--------|------|
| 브랜드 | T.O.P 사업단 | 40px | 600 | rgba(255,255,255,0.68) |
| 메인 훅 | 월급은\n제자리걸음? | 88px | 800 | #FFFFFF |
| 키 피규어 라벨 | 신입 정착지원금 | 44px | 600 | rgba(255,255,255,0.82) |
| 키 피규어 | 최대 1,000만원 | 92px | 900 | #FFFFFF (glow) |
| 서브라인 | 2026년 7월, 게임이 바뀝니다 | 44px | 700 | #FFFFFF |
| CTA | 지금 상담 신청하기 | 40px | 700 | #4C1D95 on white |

### 레이아웃
- 배경: linear-gradient(135deg, #4C1D95 0%, #EC4899 55%, #FDE047 100%)
- 상단 (top 56px): 브랜드 + 메인 훅 + 디바이더
- 중앙: 키 피규어 카드 (반투명 블러 배경)
- 하단 (bottom 56px): 서브라인 + CTA 버튼

---

## 컨셉 #11 — JSX 선언적 템플릿 (JSX Declarative Template)

### 전략 메모 (므네모시네)
원본은 6개 카드 + 많은 소형 텍스트. 폰트 규칙 적용 시 구조 대폭 간소화 필수. 카드 레이아웃 미학은 유지하되 3개 카드(헤더 + 핵심수치 + CTA)로 축소. 2열 그리드를 삭제하고 수직 스택으로 변경.

### 카피 방향 (페이토)
헤더 카드에 훅 1줄, 핵심수치 카드에 "최대 1,000만원" 대형, CTA 카드에 액션 유도.

### 텍스트 사양

| 요소 | 카피 | 폰트 크기 | weight | 색상 |
|------|------|-----------|--------|------|
| 브랜드 배지 | T.O.P 사업단 | 40px | 600 | #2563EB on #DBEAFE |
| 메인 헤드라인 | 월급은 제자리걸음? | 84px | 700 | #18181B |
| 서브 헤드라인 | 커리어 전환의 기회 | 44px | 400 | #71717A |
| 수치 라벨 | 신입 정착지원금 | 44px | 500 | #71717A |
| 핵심 수치 | 최대 1,000만원 | 88px | 700 | #2563EB |
| 부가 정보 | 2026.7 변경 예정 | 44px | 500 | #71717A |
| CTA 버튼 | 지금 상담 신청하기 → | 44px | 600 | #FFFFFF on #2563EB |

### 레이아웃
- 배경: #F4F4F5
- 패딩: 48px
- 카드 1 (헤더): 브랜드 배지 + 메인 헤드라인 + 서브
- 카드 2 (수치): 라벨 + 핵심 수치 + 부가 정보
- 카드 3 (CTA): 풀폭 CTA 버튼

---

## 컨셉 #12 — 블록 기반 모듈러 (Block-Based Modular Layout)

### 전략 메모 (므네모시네)
4-블록 그리드 구조는 컨셉의 핵심 아이덴티티. 유지하되 각 블록 내 텍스트를 최소화하여 큰 폰트 수용. 라벨과 서브 텍스트를 최대한 줄이고 핵심 메시지 1개씩만 배치.

### 카피 방향 (페이토)
각 블록에 하나의 메시지만. 블록1: 훅, 블록2: 수치, 블록3: 긴급성, 블록4: CTA.

### 텍스트 사양

| 요소 | 위치 | 카피 | 폰트 크기 | weight | 색상 |
|------|------|------|-----------|--------|------|
| 라벨 1 | 블록1 상단 | T.O.P 사업단 | 40px | 500 | rgba(255,255,255,0.7) |
| 헤드라인 1 | 블록1 중앙 | 월급은\n제자리걸음? | 84px | 700 | #FFFFFF |
| 라벨 2 | 블록2 상단 | 정착지원금 | 40px | 500 | #71717A |
| 수치 | 블록2 중앙 | 1,000만원 | 88px | 900 | #1E3A5F |
| 서브 2 | 블록2 하단 | 신입 최대 지원 | 40px | 400 | #71717A |
| 라벨 3 | 블록3 상단 | 2026년 7월 | 40px | 500 | rgba(255,255,255,0.8) |
| 헤드라인 3 | 블록3 중앙 | 게임이\n바뀝니다 | 84px | 700 | #FFFFFF |
| 헤드라인 4 | 블록4 중앙 | 지금이\n기회입니다 | 64px | 700 | #1A3C3A |
| CTA | 블록4 하단 | 상담 신청하기 → | 40px | 600 | #FFFFFF on #1A3C3A |

### 레이아웃
- 2x2 그리드, gap 8px, 배경 #E5E7EB
- 블록 1 (좌상): 네이비 #1E3A5F
- 블록 2 (우상): 화이트 #FFFFFF
- 블록 3 (좌하): 코럴 #FF6B6B
- 블록 4 (우하): 민트 #4ECDC4
- 블록 패딩: 40px

---

*브리프 작성 완료. Phase 2 디자인 제작으로 이관.*