# 디자인 브리프 — #01 제약을 캔버스로 (Constraint-as-Canvas)

## 도구
- hybrid-image (Playwright HTML→PNG)

## 사이즈
- 1080x1080px PNG

## 비주얼 컨셉
보험 약관/계약서 텍스트가 화면 전체를 빽빽하게 채우는 구성. 나머지 약관 텍스트는 회색(#999999) 소형 폰트로 배경처럼 깔리고, 핵심 메시지만 오렌지(#FF6B35)로 하이라이트 처리하여 시선을 집중시킨다. 이미지·아이콘 일절 사용 금지 — 텍스트만으로 완성하는 극도의 절제 미학.

참고 사례: AXA "Three Words" (Cannes Lions 2025 Grand Prix)

## 카피
- 메인: "월급은 제자리걸음?"
- 서브: "정착지원금 최대 1,000만원"
- CTA: "T.O.P 사업단 | 지금 상담 신청하기"
- 배경용 약관 텍스트 (회색 소형, 반복 배치):
  "제1조(목적) 이 계약은 보험설계사의 정착을 지원하기 위하여... 제2조(적용 대상) 본 지원금은 신규 입사자 및 경력 이직자를 대상으로 하며... 제3조(지원금 산정) 정착지원금은 직전 연봉 및 경력 연차에 따라 산정하고... 제4조(지급 시기) 지원금은 입사 후 3개월 이내 지급됨을 원칙으로 한다..."

## 색상 팔레트
- 배경: 크림(#FFF8F0) 또는 흰색(#FFFFFF)
- 약관 텍스트: 회색(#999999)
- 하이라이트 텍스트: 오렌지(#FF6B35)
- CTA 텍스트: 진회색(#333333) 또는 오렌지(#FF6B35)

## 폰트
- 약관 배경 텍스트: 나눔명조 또는 본명조, 12~14px, font-weight 400
- 하이라이트 메인 ("월급은 제자리걸음?"): Pretendard Bold, 52~60px
- 하이라이트 서브 ("정착지원금 최대 1,000만원"): Pretendard Bold, 32~36px
- CTA: Pretendard SemiBold, 18~20px

## 레이아웃
```
[전체 화면: 약관 텍스트 밀집 배치 — 회색, 소형, 10~12px 라인 간격 촘촘]

  상단 40%: 약관 텍스트 배경 (흘려 읽히는 용도)

  중앙 20%: ─────────────────────────────────
             "월급은 제자리걸음?"         (오렌지, Bold, 대형)
             "정착지원금 최대 1,000만원"  (오렌지, Bold, 중형)
            ─────────────────────────────────

  하단 40%: 약관 텍스트 배경 (계속)

  최하단 바: "T.O.P 사업단 | 지금 상담 신청하기"  (오렌지 하단 바)
```
- 하이라이트 영역은 흰색/크림 배경 위에 오렌지 텍스트로 시선 집중
- 하이라이트 텍스트 상하에 얇은 오렌지 구분선(1px) 추가 가능

## 배경 이미지 생성 프롬프트 (필요 시)
해당 없음 — 텍스트 전용 구성, Gemini 이미지 생성 불필요

## 주의사항
- 이미지·아이콘·일러스트 사용 절대 금지
- 약관 텍스트는 실제 약관처럼 읽히는 한국어 법률/계약 문체로 작성
- 배경 약관 텍스트가 너무 선명하면 하이라이트가 묻힘 → 반드시 #999999 이하 명도로 처리
- satori-cardnews 사용 금지 — hybrid-image만 사용