# task-1171.1 완료 보고서

**S**: 메타 광고 배너 v3 (앵글 A, 정착지원금 캐러셀 5장)이 hybrid-image로 제작 완료된 상태이며, CLAUDE.md의 광고 배너 폰트 규칙은 서브 카피 최소 32px, 최소 폰트 미지정 상태였다.

**C**: 모바일 가독성 강화를 위해 폰트 규칙을 강화(서브 카피 44px↑, 최소 40px, 40px 미만 절대 금지)하고, v3 배너 전체 텍스트를 25% 확대 적용한 v4가 필요하다.

**Q**: CLAUDE.md 폰트 규칙을 업데이트하고, v3 기반 폰트 25% 확대 + 최소 40px 규칙이 적용된 v4 배너 5장을 생성할 수 있는가?

**A**: 두 작업 모두 완료. CLAUDE.md에 4개 규칙(서브 44px↑, 최소 40px, 40px 미만 금지, 슬라이드당 3요소) 추가. v4 배너 5장을 Playwright로 렌더링, 모든 텍스트 40px 이상 검증 완료(grep 결과 최소값 40px).

---

## 작업 1: CLAUDE.md 폰트 규칙 업데이트

변경 파일: `/home/jay/workspace/teams/design/CLAUDE.md`

변경 내용:
- 서브 카피 최소: 32px → **44px**
- 최소 폰트 규칙 신설: **40px** (면책 문구, CTA 극소수에만)
- **40px 미만 절대 금지** 규칙 추가
- "작은 글자" 기준: 20px 이하 → **40px 미만**으로 상향
- 면책 문구 최소 크기: 미지정 → **40px**
- 불투명 레이어 규칙 명시 추가

---

## 작업 2: 메타 배너 v4 생성

### 폰트 크기 변경 매핑 (v3→v4)

- 메인 카피 72px → 90px (+25%)
- 메인 카피 68px → 85px (+25%)
- 메인 카피 64px → 80px (+25%)
- 서브 카피 34px → 44px (25%=42.5 → 44px, ≥44 규칙)
- CTA 36px → 45px (+25%)
- CTA 34px → 43px (+25%)
- CTA 32px → 40px (+25%)
- 태그 배지 28px → 40px (25%=35 → 40px, ≥40 규칙)
- 면책 문구 20px → 40px (25%=25 → 40px, ≥40 규칙)

### 검증 결과
- 전체 폰트 크기 grep 검증: **최소 40px**, 40px 미만 텍스트 0건
- 메인 카피: 80px, 85px, 90px — 모두 ≥56px 준수
- 서브 카피: 44px — ≥44px 준수
- CTA: 40px, 43px, 45px — ≥40px 준수
- 면책 문구: 40px — ≥40px 준수
- 렌더링 해상도: 1080x1080px (Playwright 스크린샷)

---

## 발견 이슈 및 해결

### 자체 해결 (3건)
1. **슬라이드 3 텍스트 줄바꿈 과도** — info-card 패딩 44px→32px, max-width 960px→100%, 그라데이션 높이 42%→52%로 조정
2. **슬라이드 4 텍스트 줄바꿈 과도** — 동일하게 info-card 패딩 축소, max-width 제거, 그라데이션 높이 45%→52%로 조정
3. **면책 문구 40px 크기 증가** — 20px→40px은 100% 증가(25% 아님)이나 최소 40px 규칙에 의한 필수 조정. 레이아웃 수용 가능.

### 범위 외 미해결 (0건)

---

## 산출물

### HTML 파일
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/slide1.html`
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/slide2.html`
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/slide3.html`
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/slide4.html`
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/slide5.html`

### PNG 파일
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/recruiting-angleA-hybrid-slide1-v4.png` (872 KB)
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/recruiting-angleA-hybrid-slide2-v4.png` (1319 KB)
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/recruiting-angleA-hybrid-slide3-v4.png` (1078 KB)
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/recruiting-angleA-hybrid-slide4-v4.png` (1007 KB)
- `/home/jay/workspace/output/meta-ads/angle-A/hybrid-v4/recruiting-angleA-hybrid-slide5-v4.png` (1296 KB)

### 수정 파일
- `/home/jay/workspace/teams/design/CLAUDE.md`

---

## QC 검증 결과

```json
{
  "task_id": "task-1171.1",
  "verified_at": "2026-03-28T15:43:50",
  "checks": {
    "file_check": "PASS (보고서 작성 후)",
    "data_integrity": "PASS",
    "test_runner": "SKIP (관련 테스트 0개)",
    "spec_compliance": "PASS",
    "font_size_check": "PASS (최소 40px, 위반 0건)"
  }
}
```

---

## 스킬 라우터 추천 준수

- 추천 스킬: **hybrid-image**
- 실제 사용: **hybrid-image** 기반 HTML 수정 + Playwright 렌더링
- v3 HTML 원본을 폰트 크기만 수정하여 v4 생성, 동일 배경 이미지 재사용