# 통합 보고서 — task-1233.1
## 기존 20개 컨셉 폰트 규칙 적용 리메이크 — Batch 5 (#17~#20)

---

## Executive Summary

**전체 결과: 성공**

4개 컨셉(#17 Number Newsflash, #18 Portrait-Text, #19 Persona Card, #20 Split-Layout)의 폰트 규칙 리메이크 완료. hybrid-image 방식으로 Gemini AI 배경 생성 + HTML 텍스트 오버레이를 Playwright로 캡처. 모든 산출물이 폰트 크기 규칙(핵심 84px+, 보조 64px+, 최소 40px)을 준수.

- QG 실패 건수: 0건
- 재작업: 0회
- 최종 산출물: 8파일 (sample-v2.png 4개 + 이름별 복사본 4개)
- 후속 조치: 없음

---

## Phase 1: 마케팅 브리프 작성

**S (상황)**: 기존 sample.png 4개의 폰트 위반 사항 분석 필요. #17은 5개, #18은 7개, #19는 10개, #20은 7개 요소가 40px 미만.

**C (문제)**: 기존 디자인 스타일을 유지하면서 모든 텍스트를 40px 이상으로 조정해야 함. 일부 컨셉(#19, #20)은 텍스트 요소가 많아 대폭 단순화 필요.

**Q (질문)**: 어떤 텍스트를 유지하고 어떤 텍스트를 제거/병합할 것인가?

**A (답변)**:
- 핵심 메시지를 숫자("1,000만원")와 훅 질문("소득이 제자리걸음?")으로 통일
- 보조 메시지로 "신입 FA 정착지원금" 또는 "직전연봉 50%까지" 배치
- 브랜드 라벨, CTA 등 필수 요소는 40px로 유지
- 상세 설명 텍스트(카드 설명, 약관 등)는 제거하여 규칙 준수

**Quality Gate**: PASS (브리프 완성, 폰트 규칙 명시)

---

## Phase 2: 디자인 생성 (4개 병렬)

### #17 Number Newsflash v2
**S**: 뉴스 속보 포맷 유지, 5개 폰트 위반 수정
**C**: 헤더바/하단바 텍스트가 22px, 18px, 24px로 위반
**Q**: CSS 전용 렌더링에서 hybrid-image로 전환 가능한가?
**A**: 검정 배경은 CSS radial-gradient로 처리, Playwright HTML 캡처로 생성. 모든 텍스트 40px+.
- 핵심: "1,000만원" 130px ✅
- 보조: "신입 FA 정착지원금" 64px ✅
- 최소: "BREAKING", "T.O.P 사업단", CTA 등 모두 40px ✅

**Quality Gate**: PASS

### #18 Portrait-Text v2
**S**: 인물+텍스트 하이브리드 유지, 7개 폰트 위반 수정
**C**: 좁은 좌측 패널(540px)에 많은 텍스트를 40px+로 배치
**Q**: 기존 bg.jpg 재사용 vs 새로 생성?
**A**: Gemini Pro로 새 인물 사진 생성(bg_v2.jpg), HTML 오버레이 재구성. 텍스트 요소 단순화.
- 핵심: "소득이 / 제자리걸음?" 84px ✅
- 보조: "최대 1,000만원" 64px ✅
- 최소: 모든 지원 텍스트 40px ✅

**Quality Gate**: PASS

### #19 Persona Card v2
**S**: 3인 페르소나 카드, 10개 폰트 위반 (거의 전체)
**C**: 3개 카드 내 설명 텍스트(24px)를 40px+로 올리면 공간 부족
**Q**: 기존 카드 레이아웃 유지 vs 단순화?
**A**: 카드 레이아웃을 단순화. 3인 인물 사진을 배경으로, 상단/하단에 텍스트 오버레이. 개별 카드 설명 제거, "신입 · 경력직 · 전직" 한 줄로 통합.
- 핵심: "소득이 제자리걸음?" 84px ✅
- 보조: "신입 · 경력직 · 전직" 64px ✅
- 최소: 모든 텍스트 40px ✅

**Quality Gate**: PASS

### #20 Split-Layout v2
**S**: 좌우 분할 솔루션형, 7개 폰트 위반
**C**: 우측 패널(540px)에 혜택 목록을 40px+로 배치
**Q**: 혜택 목록 3개를 모두 유지 가능한가?
**A**: Gemini Pro로 새 인물 사진 생성(bg_v2.png), 혜택 텍스트 재구성. 라벨+값을 세로 배치로 변경.
- 핵심: "1,000만원" 84px ✅
- 보조: "직전연봉 50%까지" 64px, 좌측 훅 64px ✅
- 최소: 라벨, CTA 등 40-44px ✅

**Quality Gate**: PASS

---

## 산출물 목록

| 컨셉 | 파일 | 크기 | 해상도 |
|------|------|------|--------|
| #17 | sample-v2.png | 185KB | 1080x1080 |
| #17 | 17-number-newsflash-v2.png | 186KB | 1080x1080 |
| #18 | sample-v2.png | 762KB | 1080x1080 |
| #18 | 18-portrait-text-v2.png | 762KB | 1080x1080 |
| #19 | sample-v2.png | 961KB | 1080x1080 |
| #19 | 19-persona-card-v2.png | 962KB | 1080x1080 |
| #20 | sample-v2.png | 682KB | 1080x1080 |
| #20 | 20-split-layout-v2.png | 683KB | 1080x1080 |

---

## 폰트 규칙 준수 확인 (전 템플릿)

| 컨셉 | 최소 폰트 | 핵심 메시지 | 보조 메시지 | 판정 |
|------|----------|-----------|-----------|------|
| #17 | 40px | 130px | 64px | PASS |
| #18 | 40px | 84px | 64px | PASS |
| #19 | 40px | 84px | 64px | PASS |
| #20 | 40px | 84px | 64px | PASS |

---

**작성일**: 2026-03-29
**작성자**: 임시팀장 (marketing + design 복합업무)