# Cannes Lions 벤치마킹 디자인 브리프 — Batch 1 (#38~#42)

> 작성: 아폴론 (콘텐츠 프로듀서) × 페이토 (CRO 카피라이터)
> 날짜: 2026-03-29
> 캠페인: T.O.P 사업단 · 앵글 A — 정착지원금
> 사이즈: 1080×1080px PNG
> 도구 제약: **hybrid-image 또는 gemini-image만 사용** (satori-cardnews 절대 금지)
> 폰트 규칙: 핵심 메시지 84px+, 보조 메시지 64px+, 최소 텍스트 40px+

---

---

## #38 — 그리드 기회 (Grid Opportunity Aesthetic)

> 원본 레퍼런스: Spotify Spreadbeats — Cannes Lions Digital Craft Grand Prix 2024
> 폴더명: `38-cannes-grid-opportunity`

---

### 비주얼 무드 설명 (디자인팀 작업 지침)

스프레드시트 그리드가 화면을 가득 채운다. 수십 개의 셀이 회색/무채색으로 채워져 있고, 그 중 단 하나의 셀만 따뜻한 황금색으로 빛난다. "수많은 직장인 중 이 자리만 다르다"는 메시지를 시각 언어로 전달한다. 차갑고 반복적인 직장 현실(그리드) 위에 하나의 기회(빛나는 셀)를 대비시키는 구성이다. 배경은 어두운 네이비 또는 다크 챠콜. 그리드 선은 희미하게 발광하는 느낌으로 처리한다.

---

### 1. Gemini 프롬프트 (gemini-image)

```
A dark navy blue spreadsheet grid fills the entire 1080x1080 frame.
Dozens of cells in muted gray tones cover the background.
One single cell — positioned slightly above center-left — glows with warm golden amber light,
as if illuminated from within, creating a stark visual contrast.
The grid lines are thin, luminous, faintly glowing in electric blue-white.
The overall atmosphere is cold and corporate, with that one warm glowing cell as the sole focal point.
Photorealistic digital art, dramatic lighting, deep shadows.
No text, no letters, no numbers visible. Pure visual composition only.
```

---

### 2. HTML 오버레이 사양 (hybrid-image)

**색상 팔레트**

| 역할 | Hex | 설명 |
|------|-----|------|
| 배경 오버레이 | `#0D1B2A` 반투명 | 텍스트 가독성 보조 |
| 강조 셀 색 | `#F4A01C` | 골든 옐로 — 기회 상징 |
| 핵심 메시지 텍스트 | `#FFFFFF` | 순백 |
| 보조 메시지 텍스트 | `#F4A01C` | 강조 골든 |
| 서브 텍스트 | `#B0BEC5` | 쿨 그레이 |
| CTA 버튼 배경 | `#F4A01C` | |
| CTA 버튼 텍스트 | `#0D1B2A` | 다크 네이비 |

**폰트 전체 공통**: Pretendard

---

### 3. 카피 배치표

| 위치 | 텍스트 | 역할 | 크기 | Pretendard Weight | 기타 |
|------|--------|------|------|--------------------|------|
| 상단 8% (y: 86px) | `T.O.P 사업단` | 브랜드 로고 레이블 | 40px | 600 | letter-spacing: 0.1em, color: #F4A01C |
| 중앙 상단 30% (y: 324px) | `열심히는 하는데,` | 핵심 메시지 1행 | 88px | 800 | color: #FFFFFF, line-height: 1.15 |
| 중앙 37% (y: 400px) | `월급은 제자리걸음?` | 핵심 메시지 2행 | 88px | 800 | color: #FFFFFF |
| 중앙 53% (y: 572px) | `이 자리만 다릅니다.` | 서브 핵심 | 68px | 700 | color: #F4A01C |
| 중앙 65% (y: 702px) | `신입 정착지원금 최대 1,000만원` | 보조 카피 A | 48px | 600 | color: #FFFFFF |
| 중앙 73% (y: 788px) | `경력직 직전연봉 50%까지 지원` | 보조 카피 B | 48px | 600 | color: #FFFFFF |
| 하단 88% (y: 950px) | `지금 상담 신청하기 →` | CTA | 44px | 700 | bg: #F4A01C, color: #0D1B2A, padding: 14px 40px, border-radius: 8px |

---

### 4. 레이아웃 구조

- 텍스트 블록 중앙 정렬, 가로 여백 80px 양쪽
- 핵심 메시지(1~2행) 하단에 4px 두께 황금색 언더라인 장식 추가 (width: 200px)
- 그리드 배경 위 텍스트 영역에 `rgba(13,27,42,0.6)` 반투명 레이어 적용 (전체 하단 절반)

---

---

## #39 — 당신의 자리 (Personalized Vacancy Portrait)

> 원본 레퍼런스: Pedigree Adoptable — Cannes Lions Outdoor Grand Prix 2024
> 폴더명: `39-cannes-vacancy-portrait`

---

### 비주얼 무드 설명 (디자인팀 작업 지침)

극도의 미니멀. 순백 또는 크림색 배경 위에 30~40대 전문직 한국인 여성 또는 남성의 상반신 클로즈업. 인물은 깔끔한 캐주얼 비즈니스 복장, 자연스럽고 온화한 미소. 표정은 과장 없이 진정성 있게. 조명은 소프트 스튜디오 라이팅 — 인물을 따뜻하게 감싸는 느낌. 배경에는 아무런 그래픽 요소 없이 오직 인물과 텍스트만 존재한다. 페디그리 광고처럼 "비어 있는 자리"를 채울 주인공을 시각적으로 상상하게 만드는 구성.

---

### 1. Gemini 프롬프트 (gemini-image)

```
Professional studio portrait of a Korean woman or man, approximately 35 years old,
wearing smart casual business attire — a neat blazer or collared shirt in neutral tones.
Upper body shot, slightly off-center, occupying 60% of the frame height.
Background is pure white or warm cream (#FAF9F6), completely plain.
Expression: genuine warm smile, relaxed and confident, no exaggeration.
Lighting: soft studio lighting from slightly above-left, flattering and warm,
no harsh shadows, skin tones natural and warm.
The subject looks approachable, successful, and grounded.
Photo style: editorial portrait, high-end print advertisement quality.
No text, no props, no busy backgrounds. Clean and minimal.
```

---

### 2. HTML 오버레이 사양 (hybrid-image)

**색상 팔레트**

| 역할 | Hex | 설명 |
|------|-----|------|
| 배경 | `#FAF9F6` | 크림 화이트 |
| 핵심 메시지 | `#1A1A1A` | 거의 블랙 |
| 강조 키워드 | `#C8102E` | 딥 레드 — 긴박감 |
| 보조 텍스트 | `#4A4A4A` | 미드 그레이 |
| 세부 텍스트 | `#7A7A7A` | 라이트 그레이 |
| CTA 버튼 배경 | `#1A1A1A` | |
| CTA 버튼 텍스트 | `#FAF9F6` | 크림 |
| 얇은 구분선 | `#DADADA` | |

---

### 3. 카피 배치표

| 위치 | 텍스트 | 역할 | 크기 | Pretendard Weight | 기타 |
|------|--------|------|------|--------------------|------|
| 상단 7% (y: 76px), 좌측 정렬 x: 72px | `T.O.P 사업단` | 브랜드 | 40px | 600 | color: #1A1A1A, letter-spacing: 0.08em |
| 상단 7% (y: 76px), 우측 x: 1008px | `인카금융서비스` | 신뢰 배지 | 40px | 400 | color: #7A7A7A |
| 중앙 하단 56% (y: 605px) | `이 자리는` | 핵심 메시지 1행 | 92px | 300 | color: #1A1A1A, letter-spacing: -0.02em |
| 중앙 하단 67% (y: 723px) | `당신의 자리입니다.` | 핵심 메시지 2행 | 92px | 800 | color: #1A1A1A |
| 구분선 | (수평선) | 분리 | — | — | width: 300px, height: 2px, color: #DADADA, y: 830px, center |
| 하단 78% (y: 842px) | `신입 정착지원금 최대 1,000만원` | 보조 카피 | 48px | 500 | color: #4A4A4A |
| 하단 84% (y: 907px) | `경력직 직전연봉 50%까지 지원` | 보조 카피 | 48px | 500 | color: #4A4A4A |
| 하단 93% (y: 1004px) | `지금 상담 신청하기 →` | CTA | 44px | 600 | bg: #1A1A1A, color: #FAF9F6, padding: 14px 44px, border-radius: 4px |

---

### 4. 레이아웃 구조

- 인물은 프레임 상단 55% 점유 (y: 0~594px)
- 인물 하단 절반부터 텍스트 영역 시작
- 텍스트 전체 중앙 정렬
- 인물과 텍스트 사이 어떤 선이나 박스도 없음 — 여백으로 자연스럽게 분리
- 핵심 메시지 1행은 얇은 weight(300)로, 2행은 굵은 weight(800)로 대비 연출

---

---

## #40 — 감정 증폭 자막 (Selective Amplification Typography)

> 원본 레퍼런스: Caption with Intention — Cannes Lions Titanium + Design + Digital Craft 3관왕 2025
> 폴더명: `40-cannes-selective-amplification`

---

### 비주얼 무드 설명 (디자인팀 작업 지침)

배경은 딥 블랙 또는 아주 어두운 네이비. 화면 중앙에 하나의 문장이 존재한다. 문장 내 대부분의 단어는 작고 회색이다. 그런데 "자유", "수입", "성장" 같은 핵심 단어들만 갑자기 폰트 크기가 폭발적으로 커지고, 선명한 흰색 또는 강렬한 색으로 튀어나온다. 문장이 타이포그래피 자체로 감정을 전달하는 것. 자막처럼 읽히되, 핵심 단어에서 시각적 충격이 일어난다. 배경에는 아주 희미한 추상 텍스처(노이즈 또는 미세 도트)만 허용.

---

### 1. Gemini 프롬프트 (hybrid-image — 배경)

이 컨셉은 배경 자체가 단색에 가까우므로 **hybrid-image 단독 사용** 권장.
배경 생성 없이 HTML 내 CSS 배경으로 처리 가능.

배경 CSS:
```css
background: radial-gradient(ellipse at center, #0F1A2E 0%, #050A12 100%);
```

---

### 2. HTML 오버레이 사양 (hybrid-image)

**색상 팔레트**

| 역할 | Hex | 설명 |
|------|-----|------|
| 배경 | `#050A12` | 거의 블랙 네이비 |
| 일반 단어 | `#5A6070` | 회색 — 배경으로 흐림 |
| 강조 단어 1 (자유) | `#FFFFFF` | 순백 폭발 |
| 강조 단어 2 (수입) | `#00C8FF` | 일렉트릭 블루 |
| 강조 단어 3 (성장) | `#F4A01C` | 황금 |
| 브랜드/CTA 텍스트 | `#FFFFFF` | |
| CTA 버튼 배경 | `#00C8FF` | |
| CTA 버튼 텍스트 | `#050A12` | |
| 세부 서브 | `#8A94A8` | |

---

### 3. 카피 배치표

| 위치 | 텍스트 | 역할 | 크기 | Pretendard Weight | 기타 |
|------|--------|------|------|--------------------|------|
| 상단 8% (y: 86px), center | `T.O.P 사업단` | 브랜드 | 40px | 500 | color: #8A94A8, letter-spacing: 0.12em |
| 중앙 38% (y: 410px), center | `지금 당신에게 필요한 건` | 일반 텍스트 | 52px | 300 | color: #5A6070 |
| 중앙 48% (y: 518px), center | `자유` | 강조 단어 1 | 112px | 900 | color: #FFFFFF, display: inline |
| 중앙 48%, 인라인 연결 | `·` | 구분자 | 64px | 300 | color: #5A6070 |
| 중앙 48%, 인라인 연결 | `수입` | 강조 단어 2 | 96px | 900 | color: #00C8FF, display: inline |
| 중앙 48%, 인라인 연결 | `·` | 구분자 | 64px | 300 | color: #5A6070 |
| 중앙 48%, 인라인 연결 | `성장` | 강조 단어 3 | 96px | 900 | color: #F4A01C, display: inline |
| 중앙 67% (y: 723px), center | `입니다.` | 일반 텍스트 | 52px | 300 | color: #5A6070 |
| 중앙 77% (y: 832px), center | `2026년 7월, 게임이 바뀝니다` | 보조 메시지 | 64px | 700 | color: #FFFFFF |
| 하단 90% (y: 972px), center | `지금 상담 신청하기 →` | CTA | 44px | 700 | bg: #00C8FF, color: #050A12, padding: 14px 44px, border-radius: 6px |

**구현 노트**: "자유 · 수입 · 성장" 3개 단어는 같은 행에 flex/inline-block으로 배치하되, 각 단어의 font-size를 다르게 지정해 크기 차이로 강조 연출.

---

### 4. 레이아웃 구조

- 전체 중앙 정렬 (text-align: center)
- 강조 단어 3개 행: `display: flex; align-items: baseline; justify-content: center; gap: 24px`
- "자유"는 가장 크고 흰색으로 압도적 존재감
- "수입"과 "성장"은 조금 작되 각각 고유 색으로 차별화
- 위아래 일반 텍스트는 의도적으로 흐리게 — 강조 단어를 더 튀게

---

---

## #41 — 당신 같은 사람 (Unedited Reality Portrait)

> 원본 레퍼런스: Meet Marina Prieto — Cannes Lions Titanium Grand Prix 2024
> 폴더명: `41-cannes-unedited-reality`

---

### 비주얼 무드 설명 (디자인팀 작업 지침)

가장 "광고답지 않은" 광고. 스마트폰으로 찍은 일상 셀카 또는 가족 사진 같은 질감이어야 한다. 인물은 40~55세 한국인 남성, 평범한 일상복(체크 남방, 폴로티 등), 거실 또는 카페 같은 자연스러운 배경. 완벽하게 정렬된 스튜디오 사진이 아니라 약간 비틀어지거나, 배경이 살짝 흐린, "누군가가 진짜 찍어준 것 같은" 느낌. 보정 없음, 과도한 조명 없음. 단, 인물의 표정은 진심으로 만족스럽고 여유 있어야 한다. 이 사진 주변에 광고 프레임(얇은 흰색 폴라로이드 스타일 테두리)을 추가해 "실제 사진을 광고에 올린 것"처럼 보이게 한다.

---

### 1. Gemini 프롬프트 (gemini-image)

```
A casual, unposed photograph of a Korean man in his late 40s to early 50s.
He is wearing everyday clothing — a plaid flannel shirt or a simple polo.
He is sitting at a cozy coffee shop or a comfortable living room.
The photo looks like it was taken by a friend with a smartphone — slightly imperfect framing,
natural ambient lighting (warm afternoon window light), no studio setup.
His expression is genuine, relaxed contentment, a real smile — not a forced pose.
Background is softly blurred (shallow depth of field), recognizable but not prominent.
Photo texture: slightly grainy, warm color tones, documentary/snapshot photography style.
Aspect ratio 4:5, realistic, no AI-perfect skin, natural imperfections welcome.
No text, no graphics, no overlays.
```

---

### 2. HTML 오버레이 사양 (hybrid-image)

**색상 팔레트**

| 역할 | Hex | 설명 |
|------|-----|------|
| 폴라로이드 프레임 | `#FFFFFF` | 순백 |
| 전체 배경 | `#F5F0E8` | 따뜻한 오프화이트 |
| 핵심 메시지 | `#1C1C1C` | 거의 블랙 |
| 강조 숫자 | `#C8102E` | 레드 — 임팩트 |
| 보조 텍스트 | `#5A5A5A` | 미드 그레이 |
| 세부 텍스트 | `#8A8A8A` | 라이트 그레이 |
| CTA 배경 | `#1C1C1C` | |
| CTA 텍스트 | `#FFFFFF` | |

---

### 3. 카피 배치표

| 위치 | 텍스트 | 역할 | 크기 | Pretendard Weight | 기타 |
|------|--------|------|------|--------------------|------|
| 상단 5% (y: 54px), 좌 x: 72px | `T.O.P 사업단` | 브랜드 | 40px | 600 | color: #1C1C1C |
| 상단 5% (y: 54px), 우 x: 1008px | `인카금융서비스` | 신뢰 배지 | 40px | 400 | color: #8A8A8A |
| 사진 프레임 | [Gemini 생성 이미지] | 메인 이미지 | — | — | 폴라로이드 프레임: 흰 테두리 20px, 하단 48px, shadow: 0 4px 20px rgba(0,0,0,0.18), 전체 크기: 780×560px, 위치: center, y 시작: 100px |
| 사진 하단 프레임 안 | `이분이 지난달 1,200만 원 번 FA입니다` | 캡션 | 42px | 500 | color: #5A5A5A, 폴라로이드 하단 여백 내부 |
| 사진 아래 66% (y: 712px) | `당신도 될 수 있습니다.` | 핵심 메시지 | 88px | 800 | color: #1C1C1C |
| 사진 아래 78% (y: 842px) | `정착지원금으로 안정적 시작` | 보조 메시지 | 64px | 600 | color: #5A5A5A |
| 하단 92% (y: 994px) | `지금 상담 신청하기 →` | CTA | 44px | 700 | bg: #1C1C1C, color: #FFFFFF, padding: 14px 44px, border-radius: 4px |

**구현 노트**: `1,200만 원` 중 숫자 `1,200만` 부분만 color: #C8102E, font-weight: 700 처리 — 나머지 텍스트와 인라인으로 구현.

---

### 4. 레이아웃 구조

- 사진 프레임은 전체 캔버스의 상단 60% 차지 (y: 100px~660px)
- 폴라로이드 스타일: 흰 테두리가 사진을 감싸고, 하단 여백에 캡션 배치
- 사진 아래 핵심 메시지(88px)가 시각적 앵커 역할 — 가장 큰 텍스트
- 사진 하단 텍스트는 모두 중앙 정렬
- CTA는 최하단 고정, 최소 여백 유지

---

---

## #42 — 팝아트 데뷔 포스터 (Pop-Debut Poster)

> 원본 레퍼런스: Sounds Right / AKQA Copenhagen — Cannes Lions Innovation Grand Prix 2025
> 폴더명: `42-cannes-pop-debut`

---

### 비주얼 무드 설명 (디자인팀 작업 지침)

FA를 팝스타로 대접하는 앨범 커버 광고. 청록(Teal)과 오렌지, 흰색이 강렬하게 충돌하는 팝아트 색채. 배경에는 음파(waveform) 또는 동심원 사운드 비주얼 그래픽. 인물은 화면 중앙을 약간 벗어나게 배치, 마치 진짜 앨범 커버처럼. 인물은 30~40대 한국인 전문직 남성/여성, 자신감 있는 포즈. 그래픽 라인과 도형들이 인물 주변을 감싸며 에너지를 발산. 전반적으로 "이건 광고가 아니라 아티스트의 데뷔 포스터"처럼 느껴지는 에너지.

---

### 1. Gemini 프롬프트 (gemini-image)

```
A vibrant pop art album cover style background, 1080x1080 square format.
The palette is bold teal (#00B4D8), electric orange (#FF6B2B), and white (#FFFFFF),
with deep navy (#0A0E27) as the base.
The background features concentric sound wave arcs radiating from the lower-center,
rendered as thick graphic lines alternating between teal and orange.
Abstract geometric shapes — circles, diagonal lines, star bursts — scatter across the composition.
The overall style is inspired by modern pop music album covers — high energy, graphic,
unapologetically bold. Flat graphic illustration style with slight retro-modern flavor.
Leave the upper-center area (approximately 30% of the image) relatively clear for portrait placement.
No text, no human figures in this background image.
```

---

### 2. HTML 오버레이 사양 (hybrid-image)

**색상 팔레트**

| 역할 | Hex | 설명 |
|------|-----|------|
| 배경 기본 | `#0A0E27` | 딥 네이비 |
| 팝 컬러 1 — 청록 | `#00B4D8` | 메인 포인트 |
| 팝 컬러 2 — 오렌지 | `#FF6B2B` | 에너지 포인트 |
| 화이트 | `#FFFFFF` | 텍스트 기본 |
| 아티스트명(FA) | `#FF6B2B` | 오렌지 강조 |
| 앨범 타이틀(캠페인명) | `#FFFFFF` | 흰색 |
| 서브 정보 | `#00B4D8` | 청록 |
| CTA 배경 | `#FF6B2B` | |
| CTA 텍스트 | `#FFFFFF` | |

---

### 3. 카피 배치표

| 위치 | 텍스트 | 역할 | 크기 | Pretendard Weight | 기타 |
|------|--------|------|------|--------------------|------|
| 상단 6% (y: 65px), center | `T.O.P 사업단 PRESENTS` | 앨범 레이블 텍스트 | 40px | 500 | color: #00B4D8, letter-spacing: 0.2em, text-transform: uppercase |
| 중앙 상단 30% (y: 324px) | `YOUR DEBUT` | 앨범 타이틀 1행 | 96px | 900 | color: #FFFFFF, letter-spacing: -0.02em |
| 중앙 40% (y: 432px) | `SEASON` | 앨범 타이틀 2행 | 120px | 900 | color: #FF6B2B, letter-spacing: -0.03em |
| 세부 라인 | [장식선: 가로 실선] | 구분 | — | — | width: 480px, height: 3px, color: #00B4D8, y: 570px, center |
| 중앙 57% (y: 615px) | `2026년 7월 — 정착지원금 신보` | 릴리즈 날짜 (앨범 개념) | 44px | 500 | color: #FFFFFF, letter-spacing: 0.05em |
| 중앙 67% (y: 723px) | `신입 최대 1,000만원 · 경력직 50%` | 트랙 리스트 (수익 정보) | 52px | 600 | color: #00B4D8 |
| 중앙 76% (y: 820px) | `열심히는 하는데, 월급은 제자리걸음?` | 서브 메시지 | 48px | 400 | color: #FFFFFF, font-style: italic |
| 하단 91% (y: 982px) | `지금 상담 신청하기 →` | CTA | 44px | 700 | bg: #FF6B2B, color: #FFFFFF, padding: 14px 44px, border-radius: 50px (pill 형태) |

---

### 4. 레이아웃 구조

- 앨범 커버 레이아웃: 타이틀이 상단 40%에 군림, 나머지 정보는 하단에 트랙리스트처럼 나열
- `YOUR DEBUT` + `SEASON` 두 행의 크기 차이(96px vs 120px)로 타이포 계층 강조
- CTA 버튼은 pill shape (border-radius: 50px) — 팝아트 느낌 강조
- 전체 텍스트 중앙 정렬
- 배경 이미지(Gemini 생성)의 그래픽 에너지가 텍스트 사이로 살아 숨쉬도록 텍스트 간격 충분히 확보 (그래픽 억누르지 않기)

---

---

## 통합 제작 체크리스트

| # | 컨셉 | 도구 순서 | 폴더명 | 폰트 최소 준수 |
|---|------|----------|--------|----------------|
| 38 | 그리드 기회 | gemini-image (배경) → hybrid-image (오버레이) | `38-cannes-grid-opportunity` | 핵심 88px / 보조 48px / 최소 40px ✓ |
| 39 | 당신의 자리 | gemini-image (인물) → hybrid-image (오버레이) | `39-cannes-vacancy-portrait` | 핵심 92px / 보조 48px / 최소 40px ✓ |
| 40 | 감정 증폭 자막 | hybrid-image (단독) | `40-cannes-selective-amplification` | 핵심 112px / 보조 64px / 최소 40px ✓ |
| 41 | 당신 같은 사람 | gemini-image (인물) → hybrid-image (프레임+오버레이) | `41-cannes-unedited-reality` | 핵심 88px / 보조 64px / 최소 40px ✓ |
| 42 | 팝아트 데뷔 포스터 | gemini-image (배경 그래픽) → hybrid-image (앨범 레이아웃) | `42-cannes-pop-debut` | 핵심 120px / 보조 52px / 최소 40px ✓ |

> satori-cardnews 사용 금지 재확인 완료. 5개 컨셉 전부 hybrid-image / gemini-image 조합.

---

*브리프 작성 완료: 아폴론 (Apollo) — 콘텐츠 프로듀서*
*카피 검수: 페이토 (Paito) — CRO 카피라이터*