# 에이전트 미팅 Cycle 7: 배경 전략
> task-id: task-1199.1 | 일시: 2026-03-28

## 주제
AI 생성 배경의 대안 탐색 — 포토리얼 AI 배경 폐기 이후 어떤 배경 방식으로 전환할 것인가

## 참석자
- **아프로디테** (마케팅팀장)
- **아마테라스** (디자인팀장)
- **로키** (레드팀)

---

## 토론 기록

### 1라운드: 핵심 질문 재설정

**아프로디테**: Cycle 6 합의(AI 클리셰 배경 이미지 전면 교체) 이후, 이번 Cycle은 "교체 대상이 무엇인가"를 결정해야 한다. 핵심 질문: (1) 포토리얼 AI 배경을 계속 써야 하는가? (2) 단색/그라디언트는 싸 보이지 않는가? (3) CSS만으로 프로 수준이 가능한가?

**아마테라스**: 질문 순서를 조정할 것을 제안. 먼저 "satori-cardnews로 무엇이 가능한가"부터 좁혀야 한다. 불가능한 방식을 논의하는 것은 시간 낭비다. satori는 단색/CSS 그라디언트만 가능하다(Cycle 3 확인). 선택 가능한 실제 공간을 먼저 정의해야 한다.

**로키 (프레임 정정)**: Cycle 1과 Cycle 6에서 AI 배경 폐기 방향이 두 번 나왔다. "포토리얼 배경을 계속 써야 하는가"는 이미 결론 난 질문이다. Cycle 7은 **"폐기 이후 무엇으로 대체하는가"**를 결정해야 한다. 루프를 끊어야 한다.

---

### 2라운드: 도구별 배경 가능성 점검 + 5가지 방식 평가

**아마테라스 (도구별 제약 정리)**:

| 도구 | 배경 능력 | 제약 |
|---|---|---|
| satori-cardnews | 단색 + CSS 그라디언트 | 광고 배너 금지 규칙(미해명), 사진 배경 불가 |
| hybrid-image | Gemini AI 배경 + HTML 오버레이 | AI 클리셰 구조적 문제, Cycle 1·6 폐기 방향 |
| gemini-image | 포토리얼 배경 생성 가능 | 텍스트 별도 처리 필요, 한글 렌더링 불안정 |
| canvas-design | PDF/PNG 아트 디자인 | 속도 느림, 대량 생성 불가 |

**핵심 결론**: satori-cardnews가 속도·한글 정확성에서 가장 안정적이다. 이 도구의 배경 표현 범위는 단색과 CSS 그라디언트이므로, 벤치마크 5가지 방식 중 방식 1(단색)과 방식 2(소프트 그라디언트)만 satori 단독으로 완전 구현 가능하다.

**아프로디테 (벤치마크 5가지 방식 — FA 모집 캐러셀 맥락 평가)**:

**방식 1 — 단색 배경 (Lemonade, PointCard)**
- 장점: 최고 가독성, satori 완전 호환, 도구 제약 없음
- 단점: "싸 보인다"는 직관적 편견 존재 — 그러나 PointCard 단색으로 CTR 240% 향상, Lemonade 단색으로 글로벌 보험 브랜드 달성. 단색이 싸 보이는 것은 방식 문제가 아니라 디자인 실력 문제
- FA 모집 적합성: 높음. 신뢰·간결함 동시 전달

**방식 2 — 소프트 그라디언트 (Meta, Rippling)**
- 장점: 프리미엄 느낌, CSS만으로 구현, satori 완전 호환. Cycle 5 합의 색상 여정(어두움→밝음→그린→화이트→오렌지)을 그라디언트로 구현 시 통일감 유지하면서 차별화 가능
- 단점: 없음 (우리 상황에서 가장 유리한 방식)
- FA 모집 적합성: 매우 높음. B2B/금융 업계 프리미엄 레퍼런스 다수

**방식 3 — 사진 + 오버레이 (Square, 삼성생명)**
- 장점: 임팩트 있는 배경, 실제 사진으로 진정성 강화
- 단점: satori 불가. hybrid-image 사용 시 AI 클리셰 재발 위험. 실제 사진 자산 필요
- FA 모집 적합성: 조건부(실사진 자산 있을 경우에만). 현재 보류

**방식 4 — 사진 + 텍스트박스 (교보생명)**
- 장점: 가독성 최우선. 텍스트박스가 배경 이미지 문제를 차단
- 단점: 배경 사진 없이는 의미 없음. 클라이언트 제공 실사진이 있어야만 의미 있음
- FA 모집 적합성: 조건부. 인물 사진 확보 여부(Cycle 4·5·6 미해결 과제)에 의존

**방식 5 — 순수 타이포 (Feathr, Pleo)**
- 장점: satori 완전 호환. B2B 고급 브랜딩에서 가장 강력한 신뢰 신호. 정보 밀도를 타이포그래피만으로 전달
- 단점: 디자인 실력 없으면 "학교 발표 자료"처럼 보임. CSS `clip-path` 사선 분할로 Feathr 스타일 구현 가능
- FA 모집 적합성: 특정 슬라이드(수치 장, 타임라인 장)에 특히 적합. 전체 5장을 순수 타이포로만 하기에는 다양성 부족

**로키 (방식 혼합의 위험 경고)**:
5장에 5가지 방식을 혼합하면 캐러셀이 아니라 "디자인 샘플러"가 된다. Cycle 5의 "슬라이드별 다른 배경색" 합의는 **색상의 차이**이지 **방식의 차이**가 아니다. 방식을 1~2개로 좁히고 그 안에서 색상으로 차별화해야 통일감이 유지된다. **방식 통일 + 색상 차별화**가 핵심 원칙이다.

---

### 3라운드: CSS 표현력 한계 검증

**아마테라스 (satori CSS로 구현 가능한 배경 처리 목록)**:

1. **단색**: `background-color: #1a1f3a` — 완전 구현 가능
2. **선형 그라디언트**: `linear-gradient(135deg, #1a1f3a 0%, #2d3561 100%)` — 완전 구현
3. **방사형 그라디언트**: `radial-gradient(circle at top right, #2d3561, #0f1221)` — 구현 가능
4. **복수 색상 그라디언트**: `linear-gradient(135deg, #1a1f3a 0%, #1e5c3a 50%, #1a1f3a 100%)` — 구현 가능
5. **CSS 기하학적 패턴** (dot grid, diagonal stripes via `repeating-linear-gradient`) — 구현 가능
6. **텍스트·박스 그림자** — 완전 구현. 타이포 레이어를 배경과 분리하는 데 활용
7. **사선 배경 분할** (`clip-path`) — 구현 가능. Feathr 스타일 사선 분할 배경 가능

**결론**: CSS만으로도 Rippling, Meta, Feathr 수준의 배경 처리가 가능하다.

---

## 배경 전략 옵션 비교

| 방식 | satori 호환 | FA 적합성 | 싸 보임 위험 | 추천 |
|---|---|---|---|---|
| 단색 | 완전 | 높음 | 낮음(디자인 실력 의존) | 특정 슬라이드(Slide 4) |
| 소프트 그라디언트 | 완전 | 매우 높음 | 없음 | **주 방식 채택** |
| 사진 + 오버레이 | 불가 | 높음(조건부) | 없음 | 실사진 확보 시 검토 |
| 사진 + 텍스트박스 | 부분 | 조건부 | 없음 | 클라이언트 사진 확보 시 검토 |
| 순수 타이포 | 완전 | 특정 슬라이드 | 중간(실력 의존) | 보조 방식 |

---

## 3 Whys 분석

### Why 1: 왜 AI 생성 포토리얼 배경이 반복적으로 문제를 일으키는가?

| | 진단 |
|---|---|
| **아마테라스** | AI 이미지 생성 모델의 통계적 편향 — "비즈니스 성장" 프롬프트는 학습 데이터 최빈값(기어, 화살표, 스카이라인)을 생성한다. AI는 "새로운 것"이 아닌 "평균적인 것"을 만든다. 광고는 평균을 벗어나야 효과가 나는데 AI 배경은 구조적으로 평균 수렴 |
| **아프로디테** | 프롬프트를 아무리 정교하게 써도 이 문제는 해결 불가. Cycle 1·3에서 프롬프트 개선과 스타일 변경을 모두 시도했고 결과는 동일했다. AI 배경 파이프라인 자체가 클리셰 생산 구조 — 파이프라인을 고치는 것이 아니라 바꿔야 한다 |
| **로키** | 더 정확한 원인은 "AI 배경을 선택했던 이유"다 — 실제 사진 자산이 없을 때의 편법으로 도입됐다. 편법이 본도로 굳어진 것이 문제 |
| **시사점** | AI 배경은 구조적으로 개선 불가. 단색/그라디언트 파이프라인으로 전환 필수 |

### Why 2: 왜 단색/그라디언트가 "싸 보인다"는 편견이 생겼는가?

| | 진단 |
|---|---|
| **아프로디테** | "배경이 없으면 성의가 없다"는 직관은 2000년대 파워포인트 문화의 잔재. 2020년대 고성능 광고(Stripe, Linear, Notion, Lemonade, PointCard)는 전부 단색/그라디언트 기반이다. 편견의 기준 자체가 구시대적 |
| **아마테라스** | 단색 배경이 싸 보이는 이유는 배경 때문이 아니라 **여백 사용 미숙** 때문. 단색은 모든 시선을 타이포그래피/레이아웃에 집중시킨다. AI 클리셰 배경은 조잡한 레이아웃을 "숨기는" 역할을 했다. 단색 전환 = 더 높은 타이포/레이아웃 실력 요구. "단색 = 더 쉽다"가 아니라 "단색 = 더 어렵지만 더 높은 수준" |
| **로키** | 핵심 질문은 "우리가 단색/그라디언트를 잘 만들 수 있는가"다. satori의 CSS 제어 수준이 Feathr·Pleo 수준의 정밀도를 구현할 수 있는지가 변수 |
| **시사점** | 단색/그라디언트가 싸 보인다는 편견은 근거 없음. 높은 타이포그래피 실력을 오히려 요구한다. satori CSS 표현력 검증(3라운드)에서 구현 가능함을 확인 |

### Why 3: 왜 5장 통일감과 슬라이드별 차별화가 충돌하는가?

| | 진단 |
|---|---|
| **아마테라스** | 충돌이 아닌 레이어 분리 문제. **통일 레이어**: 폰트 패밀리, 하단 베이스라인 바, 로고 위치, 강조색 사용 원칙. **차별화 레이어**: 슬라이드별 주조 배경색, 레이아웃 유형. Cycle 5의 베이스라인 바 합의가 이미 통일 레이어의 닻. 배경색이 달라도 베이스라인 바가 같으면 "하나의 캐러셀" 신호 유지 |
| **아프로디테** | 단색과 그라디언트는 같은 방식군. 5장을 전부 CSS 기반 배경으로 통일하되 색상과 그라디언트 방향을 다르게 하면 방식은 통일되고 비주얼은 차별화된다 |
| **로키 (합성)** | 결론: **단일 배경 방식군(CSS 그라디언트) + 색상 차별화**. 방식 1개, 색상 5개. 통일감과 차별화를 동시에 해결하는 유일한 구조 |
| **시사점** | "방식 통일 + 색상 차별화" 원칙을 v7 설계 기준으로 확정 |

---

## 합의 사항

### 1. 포토리얼 AI 배경 완전 폐기 확정
- hybrid-image 배경 생성 파이프라인 사용 중단
- 이유: 구조적 클리셰 생산 문제. 프롬프트 개선으로 해결 불가. Cycle 1·3·6에 이어 3번째 동일 결론으로 최종 확정

### 2. 주 배경 방식 확정: 소프트 그라디언트 (CSS)
- satori-cardnews의 CSS 그라디언트를 주 배경 방식으로 채택
- 방식은 1가지(CSS 그라디언트/단색)로 통일, 색상은 슬라이드별로 다르게 설정
- "방식 통일 + 색상 차별화" 원칙 적용

### 3. Cycle 5 색상 여정과 통합된 슬라이드별 배경 CSS 권고값

| 슬라이드 | 역할 | 배경 방식 | 권고 CSS |
|---|---|---|---|
| Slide 1 | 훅 | 진한 네이비 선형 그라디언트 | `linear-gradient(135deg, #0d1b2a, #1e3a5f)` |
| Slide 2 | 문제 | 크림 얕은 그라디언트 | `linear-gradient(135deg, #faf8f2, #f0ebe0)` |
| Slide 3 | 솔루션 | 딥 그린 그라디언트 | `linear-gradient(135deg, #0d3322, #1a5c3a)` |
| Slide 4 | 소셜 프루프 | 따뜻한 화이트 단색 | `#fafafa` + 카드 컴포넌트로 깊이 부여 |
| Slide 5 | CTA | 다크 + 오렌지 어센트 그라디언트 | `linear-gradient(135deg, #1a1a1a, #2d1810)` |

### 4. Slide 2 텍스트 색상 전환 규칙 명시
- Slide 2는 밝은 배경 → 텍스트를 어두운 계열(#1a1a1a)로 전환
- 나머지 4장: 어두운 배경 → 밝은 텍스트(#ffffff)
- 이 전환이 실수 없이 구현되는지 구현 전 사전 검증 필요 (로키 조건)

### 5. 순수 타이포 방식을 보조 방식으로 허용
- Feathr 스타일 CSS `clip-path` 사선 분할은 특정 슬라이드(Slide 3 타임라인 인포그래픽)에 선택적 적용 가능
- 전 슬라이드 순수 타이포 적용은 이번 v7에서는 시기상조

### 6. 사진 기반 방식(방식 3·4)은 조건부 보류
- 실제 사진 자산(합격자/설계사 사진) 확보 시 재검토
- 현재 없는 상태에서는 방식 1·2(단색/그라디언트)가 최선

---

## 미해결 과제

1. **satori "광고 배너 금지" 규칙 근거 미확인** (Cycle 3 이월): 이 규칙이 CSS 그라디언트 배경 구현에 영향을 미치는지 확인 필요. 특정 기능을 막는 것인지, 광고 목적의 이미지 생성 자체를 막는 것인지 구분해야 한다. — 로키 제기 조건 1

2. **Slide 2 밝은 배경 텍스트 색상 전환 검증**: 어두운 배경 4장 + 밝은 배경 1장(Slide 2) 구성에서 텍스트 색상 자동 전환이 satori 구현 시 오류 없이 처리되는지 사전 QC 필요 — 로키 제기 조건 2

3. **브랜드 컬러 팔레트 HEX 값 미확정** (Cycle 4·5·6 이월): 권고 CSS 값은 가이드라인 수준이며, 클라이언트 브랜드 가이드라인 수령 후 정확한 HEX로 교체 필요. 특히 오렌지 강조색, 그린 계열 정확값 확인 필요

4. **인물 사진 확보 경로** (Cycle 4·5·6 이월): Slide 4 소셜 프루프에 실사진이 없으면 방식 3·4로 전환 불가. "인물 있음(방식 3)" vs "인물 없음(그라디언트+수치+타이포)" 두 경로를 클라이언트 의사결정 사항으로 에스컬레이션 필요

5. **그라디언트 CSS 값 클라이언트 승인**: 권고 CSS 값(특히 Slide 2 크림, Slide 3 그린)이 브랜드 정체성과 부합하는지 클라이언트 확인 필요

6. **v7 구현 순서 확정** (Cycle 6 이월): 5장 동시 리디자인 vs 배경 교체 1~2장 A/B 테스트 먼저 적용 중 어느 경로를 택할지 결정 필요. 로키 권고: 배경 방식 전환(AI → CSS 그라디언트)을 전면 적용하고 색상값 A/B 테스트를 병행

---

## 이전 사이클 합의 사항 반영 현황

| 사이클 | 합의 사항 | Cycle 7 반영 여부 |
|---|---|---|
| Cycle 1 | AI 배경+오버레이 파이프라인 폐기 제안 | 완전 확정 (합의 1) |
| Cycle 3 | satori "광고 배너 금지" 근거 확인 필요 | 미해결 이월 (미해결 1) |
| Cycle 5 | 슬라이드별 다른 배경색 합의 | 색상 여정 CSS 값과 통합하여 구체화 (합의 3) |
| Cycle 6 | AI 클리셰 배경 이미지 전면 교체 | 방식 확정으로 이행 완료 (합의 1·2) |