# Google RSA 9세트 — 디자인 디렉션 (Sonnet 품질) > **작성일**: 2026-04-01 (초판 2026-03-31 → Sonnet 품질 개정판) > **기준 문서**: rsa-9set.md (최종판), matrix-3x3-strategy.md, knowhow-design.md > **목적**: 디자인팀이 이 문서만 보고 배너 이미지 18장(9세트 × 2사이즈)을 제작할 수 있도록 구체적 방향 제시 > **사이즈**: 1200×628 (가로형 랜드스케이프) / 1080×1080 (정사각형 피드) > **승인**: 제이회장님 승인 후 제작 착수 --- ## 공통 규칙 (모든 9세트, 모든 사이즈에 예외 없이 적용) ### 절대 금지 항목 | 금지 항목 | 위반 시 발생하는 문제 | |-----------|---------------------| | "당신" 사용 | → "여러분"으로 통일 | | "팀장" 호칭 | → "지점장"으로 통일 (서울대보험쌤은 지점장) | | 대분류 간 브랜드 혼용 | → M1에 서울대보험쌤 언급, M2에 인카금융 언급 등 절대 불가 | | 스톡사진 느낌 | → 악수, 엄지척, 도표 들고 웃는 사람, 정장 차림 포즈 금지 | | 폰트 40px 미만 | → 면책 문구, 브랜드 태그, 뱃지까지 예외 없이 최소 40px | | 얇은 폰트 weight | → font-weight 300 이하(light/thin) 사용 금지. 최소 500(Medium) | | WCAG AAA 미달 | → 일반 텍스트 7:1, 대형 텍스트(48px+) 4.5:1 반드시 충족 | | Gemini 배경 아이콘/그래픽 | → 배경 프롬프트에 "사진/photographic scene" 키워드 필수 포함 | | 반투명 레이어 과다 | → 한 배너에 최대 2개, 텍스트 영역에만 적용 | | 반투명 레이어가 주피사체 가림 | → 배경 메인 피사체가 충분히 보여야 배경의 감정 전달 기능 유지됨 | | 광고 내부 코드명 노출 | → "M1-1", "SOLUTION" 같은 제작 코드 삭제 | | 슬라이드 번호 표시 | → 광고 배너에 "1/9", "2/9" 표시 불가 (카드뉴스 아님) | ### Gemini 배경 프롬프트 공통 원칙 - 반드시 **"photographic scene", "사진 품질"** 포함 - **"아이콘", "그래픽", "일러스트", "flat design", "icon"** 키워드 절대 미포함 - 배경 = 장식이 아니라 **감정 전달 장치**. 카피의 핵심 감정을 배경 장면이 증폭시켜야 함 - 인물이 등장하는 경우: 얼굴 비노출(뒷모습/옆모습 반만 보임) 또는 중경·원경 배치 ### 텍스트 오버레이 원칙 - 반투명 레이어는 **텍스트 영역에만, 최대 2개** - 어두운 배경 위 → 어두운 반투명 카드, 밝은 배경 위 → 밝은 반투명 패널 - 글래스모피즘(backdrop-filter blur) 적용 조건: - (a) 텍스트-배경 충돌로 가독성 저하 시 - (b) 배경 복잡한 패턴이 텍스트 방해 시 - (c) 텍스트 영역을 비텍스트 영역과 시각적으로 분리해야 할 때 - 위 3가지 해당 없으면 적용 금지 (배경이 단순하고 글자가 잘 보이면 불필요) ### 폰트 스펙 - **헤드라인**: Pretendard Bold (weight 700), 자간 -0.02em - **서브카피**: Pretendard Medium (weight 500), line-height 1.6 - **CTA 버튼 텍스트**: Pretendard Bold (weight 700) - **뱃지/레이블**: Pretendard SemiBold (weight 600), 최소 40px --- ## 대분류별 컬러 시스템 (전체) ### M1: 인카다이렉트 — 블루/네이비 계열 | 역할 | 색상명 | 헥스 | WCAG 대비율 기준 | |------|--------|------|-----------------| | 메인 텍스트 | 딥 네이비 | #1B365D | 화이트 배경 위: **12.5:1 (AAA)** | | 배경 그라데이션 | 코퍼레이트 블루 | #2B5797 | 화이트 텍스트 위: **7.8:1 (AAA)** | | 강조 포인트 | 라이트 블루 | #5B9BD5 | 딥네이비 배경 위: **4.8:1 (AA Large)** — 48px+ 전용 | | 신뢰 뱃지 | 골드 | #C5A572 | 다크 텍스트(#1A0E00) 위: **7.2:1 (AAA)** | | 밝은 배경 | 클린 화이트 | #F0F4F8 | — | > **주의**: 라이트 블루 #5B9BD5는 단독 텍스트 색상으로 미사용. 반드시 48px+ 대형 텍스트 또는 그래픽 포인트로만 활용. ### M2: GA — 그린/화이트 계열 | 역할 | 색상명 | 헥스 | WCAG 대비율 기준 | |------|--------|------|-----------------| | 메인 텍스트 | 포레스트 그린 | #2E7D32 | 화이트 배경 위: **7.3:1 (AAA)** | | 서브 텍스트 | 쿨 그레이 | #546E7A | 화이트 배경 위: **7.1:1 (AAA)** | | 강조 액센트 | 틸 | #00897B | 화이트 배경 위: **5.1:1 (AA)** — 48px+ 전용 사용 권장 | | 배경 오버레이 | 라이트 그린 | #E8F5E9 | — | | 기본 배경 | 뉴트럴 화이트 | #FAFAFA | — | > **주의**: 틸 #00897B는 화이트 텍스트 on 틸 배경 → 5.1:1 (AA), AAA 미달. CTA 버튼 텍스트는 화이트 대신 #1A3320(딥 다크 그린) 사용 시 8.7:1 (AAA) 충족. ### M3: 서울대보험쌤 — 골드/크림 계열 | 역할 | 색상명 | 헥스 | WCAG 대비율 기준 | |------|--------|------|-----------------| | 브랜드 골드 | 골드 | #C9A84C | 다크 초콜릿(#1A0E00) 텍스트 위: **8.4:1 (AAA)** | | 밝은 배경 강조색 | 다크 골드 | #A07828 | 크림(#FFF8E7) 배경 위: **7.1:1 (AAA)** | | CTA/본문 | 다크 초콜릿 | #1A0E00 | 골드(#C9A84C) 배경 위: **8.4:1 (AAA)** | | 다크 배경 강조 | 딥 브라운 | #3E2723 | 크림(#FFF8E7) 텍스트 위: **11.2:1 (AAA)** | | 따뜻한 배경 | 크림 | #FFF8E7 | — | > **주의**: 골드 #C9A84C on 화이트 배경 → 대비율 3.1:1 (미달). 밝은 배경에서 골드 강조색은 반드시 다크 골드 #A07828로 변경. --- ## M1-1: 인카다이렉트 × 정당한 대우 **RSA 핵심 메시지**: 코스닥 상장사가 보장하는 투명한 보상 체계 **대표 헤드라인 예시**: "정당한 보상을 받고 계신가요?" / "99% 정착률이 증명하는 대우" / "보험영업 현실, 인카가 바꿉니다" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: 광고를 보는 순간 "지금 내가 제대로 대우받고 있나?"라는 의문이 즉각적으로 떠오른다. "정당한 보상" 혹은 "99% 정착률"이라는 수치가 눈에 들어오면서 현재 환경과의 비교 심리가 자동으로 작동한다. **인지 변화 (클릭 고려 단계)**: "코스닥 상장사"라는 제도적 신뢰 레이어가 작동하면서 "이건 그냥 영업 광고가 아니라 실제로 검증된 곳이구나"라는 인식 변화가 일어난다. 현재 회사의 불투명한 수수료 구조와 대비되는 "투명한 보상"이라는 개념이 구체적인 문제 해결책으로 인식된다. **행동 욕구 (CTA 단계)**: "D4: 2026년 7월, 1200% 룰 시행으로 조건이 달라집니다"라는 시간 압박이 가해지면서 "지금 확인하지 않으면 손해를 본다"는 행동 동기가 형성된다. "조건 확인하기"가 자연스러운 다음 스텝으로 느껴진다. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a modern corporate headquarters lobby in Seoul. Wide shot, shot from low angle (waist height), looking slightly upward. Floor-to-ceiling glass walls revealing city skyline in the background. Clean white marble floor with subtle dark veining. Warm indirect lighting from recessed ceiling fixtures casting a soft glow. Early morning light filtering through the glass, golden hour quality. One male professional in his mid-30s, rear view only — no face visible — wearing a well-fitted dark navy suit, walking confidently toward the elevator bank in the middle distance. The person occupies roughly the right third of the frame, leaving the left two-thirds open for text overlay. Shallow depth of field, the background city slightly blurred. Shot on full-frame DSLR quality, f/2.8, natural cinematic color grading. Corporate, trustworthy, aspirational. 사진 품질, 실사 배경, 기업 로비 장면. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 악수하는 장면 | 스톡사진 전형 패턴 — 타겟이 즉시 "광고"로 인식하고 스크롤 넘김 | | 회의실에서 웃으며 다수 대화 | 연출감이 강해 진정성 0, 보험업계 타겟에게 식상한 이미지 | | 그래프/차트가 보이는 모니터 | "금융 상품 설명회" 느낌 — 리쿠르팅이 아닌 상품 판매 광고처럼 보임 | | 돈다발·지폐 이미지 | 과도한 물질적 자극 — 오히려 불신감 유발, 금융 규제 위반 소지 | | 주먹 쥐고 하늘 바라보는 포즈 | 과장된 동기부여 이미지 — "자기계발서 느낌"으로 감성 소구력 급락 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 텍스트 배경 오버레이 | 딥 네이비 | #1B365D | 좌측 텍스트 영역 반투명 패널 | — | | 헤드라인 | 클린 화이트 | #F0F4F8 | 다크 오버레이 위 헤드라인 | **네이비 패널 위: 12.5:1 (AAA)** | | 서브카피 | 라이트 블루 | #5B9BD5 | 헤드라인 하단 서브 메시지 (48px+) | **네이비 패널 위: 4.8:1 (AA Large)** | | 신뢰 뱃지 텍스트 | 딥 네이비 | #1B365D | 골드 뱃지 위 "코스닥 상장사" 텍스트 | **골드#C5A572 위: 7.2:1 (AAA)** | | 뱃지 배경 | 골드 | #C5A572 | "코스닥 상장사" 뱃지 배경 | — | | CTA 배경 | 골드 그라데이션 | #C5A572 → #D4B87A | CTA 버튼 배경 | — | | CTA 텍스트 | 다크 초콜릿 | #1A0E00 | CTA 버튼 텍스트 | **골드#C5A572 위: 8.4:1 (AAA)** | > **배경 톤**: 다크→미드 톤. 정당한 대우 앵글은 현재의 불만·무거움에서 출발. 배경 전체 밝기는 낮게(어두운 로비 느낌) 유지하되, 창문을 통해 들어오는 아침 햇살이 "희망"을 상징적으로 표현. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [딥 네이비 그라데이션 오버레이 — 좌측 720px, opacity 0.75] │ │ [Gemini 배경 이미지] │ │ 패딩: 좌 60px, 상 48px, 우 40px (오버레이 기준) │ │ │ │ ┌────────────────────────────────┐ │ │ │ 코스닥 상장사 ◆ 인카금융서비스 │ ← 뱃지: 골드 배경 #C5A572 │ │ └────────────────────────────────┘ 높이 48px, 폰트 40px Bold Navy │ │ 상단에서 48px 여백 │ │ [헤드라인] │ │ 정당한 보상을 폰트: 56px Bold #F0F4F8 │ │ 받고 계신가요? line-height: 1.2 │ │ 뱃지 하단에서 gap: 28px │ │ [서브카피] │ │ 투명한 수수료 구조 · 정착률 99% 폰트: 44px Medium #5B9BD5 │ │ 헤드라인 하단에서 gap: 20px │ │ │ │ [하단 CTA — 뱃지 영역 하단에서 y:490px 고정] │ │ ┌──────────────────────┐ │ │ │ 조건 확인하기 → │ 골드 그라데이션 배경, 다크 텍스트 #1A0E00 │ │ └──────────────────────┘ 높이 56px, 최소 너비 220px, round 6px │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 총 캔버스: 1200×628px 텍스트 영역: 좌 0px ~ 우 720px (전체 너비의 60%) 이미지 영역: 좌 600px ~ 우 1200px (우측 600px, 텍스트와 120px 겹침 블렌딩) 오버레이: 딥네이비 → 투명 linear-gradient(90deg, #1B365D CC 0%, #1B365D 00 100%) 좌 0 ~ 우 720px 범위 적용 ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 1080×1080 깔림] │ │ [딥 네이비 반투명 오버레이 — 전체, opacity 0.60] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ ┌───────────────────────────────────┐ │ │ │ 코스닥 상장사 ◆ 인카금융서비스 │ ← 뱃지: 높이 52px, 폰트 40px │ │ └───────────────────────────────────┘ 골드 배경, 다크 네이비 텍스트 │ │ 상단 80px에서 시작 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 뱃지 하단에서 36px │ │ 정당한 보상을 │ │ 받고 계신가요? 폰트: 64px Bold #F0F4F8 │ │ line-height: 1.2 │ │ [서브카피 — 중앙 정렬] gap: 헤드라인 하단에서 24px │ │ 투명한 수수료 구조 · 정착률 99% 폰트: 44px Medium #5B9BD5 │ │ │ │ [서브카피2 — 선택사항] gap: 24px │ │ 경력직 정착금 최대 50% 폰트: 44px Medium #F0F4F8 │ │ │ │ [CTA — 하단 기준 80px 여백에서 역산하여 배치] │ │ ┌────────────────────────────┐ │ │ │ 조건 확인하기 → │ 높이 68px, 너비 360px, round 6px │ │ └────────────────────────────┘ 폰트 48px Bold, 골드 그라데이션 배경 │ └─────────────────────────────────────────────────────────────────────────┘ 뱃지 ~ CTA 전체 텍스트 블록 높이: 약 480px 상단 여백 80px + 하단 여백 80px → 캔버스 내 수직 중앙 배치 유도 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 삼성화재 기업 광고 — 딱딱하지 않으면서도 제도적 신뢰가 느껴지는 차분한 격조. "우리가 좋습니다"가 아니라 "여러분이 받아야 할 것이 있습니다"라는 서술 방식. **레퍼런스 비유 2**: 토스의 금융 UI 감성 — 정보를 과하게 쌓지 않고, 핵심 수치(99%, 50%, 1,000만원) 하나를 크게 부각하는 미니멀한 정보 설계. 군더더기 없이 깨끗하지만 차갑지 않은 온기. **DO**: - "정착률 99%", "코스닥 상장사" 같은 구체적 신뢰 증거를 헤드라인/서브카피에 노출 - 헤드라인은 질문형 ("받고 계신가요?") 또는 단언형 ("여기가 다릅니다") — 둘 다 허용 - 배경의 도시 스카이라인이 충분히 보여야 "기업 공간"의 감성 전달됨 **DON'T**: - 텍스트를 4줄 이상 나열하지 않기 (가독성 급락) - 골드 면적이 배너 전체의 20% 초과 금지 (뱃지 + CTA로 한정) - 라이트 블루를 헤드라인에 사용하지 않기 (대비율 AA Large만 충족, 헤드라인은 화이트) --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "조건 확인하기 →" | | 배경 | 골드 그라데이션: `linear-gradient(135deg, #C5A572 0%, #D4B87A 100%)` | | 텍스트 색상 | #1A0E00 (다크 초콜릿) — 골드 위 대비율 **8.4:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 최소 너비 220px, 높이 56px / 1080×1080: 너비 360px, 높이 68px | | 모서리 | border-radius 6px | | 호버 상태 | 배경: `#D4B87A → #E8C870` (1단계 밝아짐), 텍스트 색상 유지 | | 클릭 상태 | 배경: `#B8945E → #C5A572` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 헤드라인이 2줄로 넘어가면 → 서브카피가 CTA를 밀어내고 버튼이 캔버스 밖으로 이탈. → 해결: 헤드라인 폰트를 56px에서 48px로 줄이거나 RSA 헤드라인 중 1줄 처리 가능한 것(14~16자)을 선택. - ⚠️ 만약 배경 이미지의 인물이 중앙에 위치하면 → 오버레이가 인물 얼굴을 가리지 못해 신원 특정 문제 발생. → 해결: Gemini 프롬프트에 "인물은 우측 1/3 배치, 후면 또는 측면" 명시. - ⚠️ 만약 골드 뱃지와 골드 CTA 버튼이 같은 수직선상에 배치되면 → 골드가 두 군데에서 과도하게 반복되어 "황금 광고" 느낌. → 해결: 뱃지는 좌상단 고정, CTA는 좌하단 고정으로 대각선 배치. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 전체 오버레이 opacity를 0.7 이상으로 높이면 → Gemini 배경이 거의 보이지 않아 "CSS 단색 배경"과 구분 불가. → 해결: opacity 0.55~0.62 유지. 배경 로비 창문과 도시 스카이라인이 희미하게라도 보여야 함. - ⚠️ 만약 헤드라인 + 서브카피 2줄 + CTA를 모두 넣으면 텍스트 블록이 640px를 초과 → 상하 여백 80px 유지 시 캔버스 밖으로 이탈. → 해결: 서브카피는 1줄 선택 (두 번째 서브카피 삭제). 또는 서브카피 폰트를 40px로 조정. --- ## M1-2: 인카다이렉트 × 관리자 비전 **RSA 핵심 메시지**: 상장사의 인프라 위에서 내 조직을 세우세요 **대표 헤드라인 예시**: "모든 권한으로 조직 운영하세요" / "지점장의 꿈, 상장사에서 실현" / "사무실 개설비 전액 지원합니다" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "내 이름으로 된 조직을 운영한다"는 이미지가 머릿속에 그려진다. "모든 권한으로 조직 운영하세요"라는 헤드라인이 관리자 야망을 즉각 자극. "사무실 개설비 전액 지원"이라는 수치가 눈에 들어오면서 "이게 가능한 이야기구나"라는 현실성 인식. **인지 변화 (클릭 고려 단계)**: "상장사 인프라 위에"라는 표현이 핵심 불안(초기 리스크, 혼자 해야 한다는 부담)을 해소한다. 개인사업의 자유 + 상장사의 안정이라는 조합이 "둘 다 가능하다"는 인식으로 전환. "설계사 5,500명이 신뢰하는 조직"이라는 사회적 증거가 결정을 뒷받침. **행동 욕구 (CTA 단계)**: "7월 전 지점장 대열에 합류하세요"라는 시간 압박과 함께 "지점 개설 조건 확인"이 다음 행동으로 명확하게 제시된다. "혼자 준비해야 한다"는 두려움 없이 "이미 체계가 있으니 확인만 하면 된다"는 심리로 클릭 허들이 낮아진다. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a spacious, modern private office in a Seoul high-rise building. Wide angle shot from the doorway, looking in. Floor-to-ceiling windows spanning the back wall reveal a panoramic Seoul cityscape with afternoon natural light streaming through. A clean, uncluttered desk made of warm walnut wood in the foreground, with a MacBook Pro open and two neatly stacked documents. A single leather executive chair behind the desk — empty, suggesting the owner's presence without showing a person. No clutter on the desk except a sleek desk lamp on the right corner. The room feels owned and purposeful, not just leased. Warm, directional late afternoon sunlight. Bokeh background city view. Shot on full-frame camera, f/2.8 equivalent quality. Professional, aspirational, ownership feeling. 사진 품질, 실사, 개인 사무실 장면. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 여러 사람이 모인 대형 회의실 | 개인 사업가의 "내 조직, 내 공간" 느낌과 반대되는 집단성 | | 건설 현장이나 공장 느낌 | 보험 지점장 비전과 무관한 업종 이미지 유발 | | 열쇠/키 비유 이미지 | 부동산 광고 전형 — "집 사세요" 느낌으로 메시지 오염 | | 사무실 외관만 보이는 빌딩 전경 | 공간의 주인 의식이 아니라 구경꾼 시점. "내 공간"이 아닌 느낌 | | 화이트보드에 조직도 그리는 장면 | 교육 자료/컨설팅 PT 느낌 — 기업 광고 품격 하락 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 텍스트 배경 오버레이 | 코퍼레이트 블루 | #2B5797 | 좌측 텍스트 영역 반투명 패널 | — | | 헤드라인 | 클린 화이트 | #F0F4F8 | 파란 오버레이 위 헤드라인 | **블루 패널 위: 7.8:1 (AAA)** | | 서브카피 | 라이트 블루 | #5B9BD5 | 혜택 나열 (48px+ 사용) | **블루 패널 위: 4.8:1 (AA Large)** | | 리더십 액센트 | 골드 | #C5A572 | "사무실 개설비 전액" 수치 강조 | **블루 패널 위 골드: 시각 강조용** | | CTA 배경 | 골드 그라데이션 | #C5A572 → #D4B87A | CTA 버튼 배경 | — | | CTA 텍스트 | 다크 초콜릿 | #1A0E00 | CTA 텍스트 | **골드 위: 8.4:1 (AAA)** | > **배경 톤**: 미드→밝은 톤. M1-1보다 전반적으로 1단계 밝게. 오후 자연광이 풍부하게 들어오는 장면. "자신감"과 "확장감"이 배경에서 느껴져야 함. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [코퍼레이트 블루 그라데이션 오버레이 — 좌측 660px, opacity 0.70] │ │ [Gemini 배경 이미지] │ │ 패딩: 좌 60px, 상 52px, 우 40px (오버레이 기준) │ │ │ │ [상단 브랜드 라인] │ │ 인카금융서비스 | 지점장 성장 프로그램 │ │ 폰트: 40px Medium #F0F4F8 │ │ 상단 52px에서 시작 │ │ │ │ [헤드라인] gap: 브랜드라인 하단 24px │ │ 모든 권한으로 폰트: 52px Bold #F0F4F8 │ │ 조직 운영하세요 line-height: 1.2 │ │ │ │ [혜택 나열] gap: 헤드라인 하단 20px │ │ 사무실 개설비 전액 지원 | 리쿠르팅 협업 폰트: 42px Medium #5B9BD5 │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────────────┐ │ │ │ 지점 개설 조건 확인 → │ 높이 56px, 최소 너비 280px, round 6px │ │ └──────────────────────────────┘ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 660px (전체 너비의 55%) 이미지 영역: 좌 540px ~ 우 1200px (오버레이와 120px 겹침 블렌딩) ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [코퍼레이트 블루 오버레이 — 상단에서 60%, opacity 0.55] │ │ [하단 40%는 오버레이 없음 — 배경 자연광이 그대로 보임] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ [상단 브랜드 라인] │ │ 인카금융서비스 · 지점장 성장 │ │ 폰트: 40px Medium #F0F4F8 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 32px │ │ 모든 권한으로 │ │ 조직 운영하세요 폰트: 60px Bold #F0F4F8 │ │ line-height: 1.2 │ │ │ │ [혜택 — 중앙 정렬] gap: 24px │ │ 사무실 개설비 전액 지원 폰트: 44px Medium #5B9BD5 │ │ 리쿠르팅 협업 · 총무 지원 폰트: 44px Medium #5B9BD5 │ │ │ │ [CTA] gap: 32px │ │ ┌──────────────────────────────────┐ │ │ │ 지점 개설 조건 확인 → │ 높이 68px, 너비 400px │ │ └──────────────────────────────────┘ │ └─────────────────────────────────────────────────────────────────────────┘ 오버레이 방향: 상단 #2B5797 B3(opacity 0.70) → 중간 #2B5797 8C(0.55) → 하단 투명 → 오피스 창문과 도시 뷰가 하단에서 충분히 보여야 함 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 현대자동차그룹 사내벤처 모집 광고 — "대기업의 자원을 쓰는 개인사업가"라는 역설적 조합을 당연한 것처럼 제시. 안정과 자유를 동시에 약속하는 자신감 있는 톤. **레퍼런스 비유 2**: 토스뱅크 '내 통장' 광고 감성 — 소유 의식("내 것")을 강조하면서도 시스템이 뒤를 받쳐주고 있다는 안도감. 숫자 하나(개설비 전액, 5,500명)를 큼직하게 놓는 단순하고 강한 레이아웃. **DO**: - 오피스 공간의 "넓이"와 "자연광"이 "사업적 확장감"을 시각적으로 표현 - 혜택 항목은 파이프(|) 구분자로 1줄에 나란히 — 간결함이 자신감처럼 보임 - 골드 액센트는 핵심 수치("전액", "최대 50%") 강조에만 사용 **DON'T**: - 텍스트 영역에 아이콘 삽입 금지 (파워포인트 느낌 즉각 유발) - 헤드라인 2개를 동시에 배치하지 않기 (한 개만, 큼직하게) - 오버레이가 너무 진하면 배경의 "공간감"이 사라짐 — opacity 최대 0.72 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "지점 개설 조건 확인 →" | | 배경 | 골드 그라데이션: `linear-gradient(135deg, #C5A572 0%, #D4B87A 100%)` | | 텍스트 색상 | #1A0E00 — 대비율 **8.4:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 280px, 높이 56px / 1080×1080: 너비 400px, 높이 68px | | 모서리 | border-radius 6px | | 호버 상태 | 배경: `#D4B87A → #E8C870`, shadow 추가 (0 4px 12px rgba(197,165,114,0.4)) | | 클릭 상태 | 배경: `#B8945E → #C5A572`, scale 0.97, shadow 제거 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 브랜드 라인 + 헤드라인 + 혜택 + CTA를 모두 배치하면 세로 합이 300px를 넘어 캔버스 하단을 이탈. → 해결: 브랜드 라인 폰트를 40px 최소한으로 유지하고, 혜택 나열은 1줄(파이프 구분)로 압축. - ⚠️ 만약 오피스 배경의 창문이 좌측에 위치하면 오버레이가 창문을 가려 "공간감" 상실. → 해결: Gemini 프롬프트에 "windows on the right side of frame" 명시. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 상단 전체 오버레이를 적용하면 하단 자연광 효과가 사라지고 전체가 어두워짐. → 해결: 오버레이를 그라데이션(상단 0.70 → 하단 0)으로 적용. 하단 40% 배경이 직접 노출되어야 함. - ⚠️ 만약 혜택 2줄 + 브랜드 라인 + 헤드라인 2줄 + CTA를 모두 넣으면 텍스트 블록 총 높이가 560px를 초과. → 해결: 혜택은 1줄("개설비 전액 지원 · 리쿠르팅 협업")로 압축, 브랜드 라인 생략 가능. --- ## M1-3: 인카다이렉트 × 영업지원 **RSA 핵심 메시지**: 자본 없이 시작, 상장사가 뒤를 받쳐줍니다 **대표 헤드라인 예시**: "무자본창업, 인카가 도와드립니다" / "신입도 최대 1,000만원 정착금" / "DB 자동화 + 시스템 영업의 시작" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "자본 없이 시작할 수 있다"는 말이 눈에 들어오는 순간 "설마?" 하는 의구심과 동시에 "이게 사실이라면 나도 할 수 있겠다"는 기대감이 교차한다. "1,000만원 정착금"이라는 구체적 수치가 의구심을 가라앉히는 역할. **인지 변화 (클릭 고려 단계)**: "DB 자동화 + AI 무상 세팅"이라는 시스템 설명이 "이미 갖춰진 구조가 있다"는 안도감으로 전환된다. 진입장벽(자본, 인맥, 기술)이 하나씩 제거되는 것을 텍스트로 확인하면서 "내가 못하는 게 아니라 환경이 없었던 것"이라는 인식 전환 발생. **행동 욕구 (CTA 단계)**: "7월 전이 최고의 기회입니다"라는 시간 압박이 결합되면서 "지금 상담 신청을 해도 잃을 것이 없다"는 낮은 허들의 행동 욕구로 이어진다. 무료 상담이라는 CTA가 최종 심리적 장벽을 제거. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a bright, contemporary co-working space in Seoul. Shot from slightly above eye level, front-facing angle toward a single workstation. Two large monitors on a clean white standing desk with adjustable height. A person visible from the left side only — showing the arm and shoulder in a casual business-casual shirt (light blue or white), hands on keyboard. Face completely off-frame. A ceramic coffee mug on the right side of the desk, and a small succulent plant at the corner. Warm natural sunlight streaming from a large window on the left side of the frame. The background shows other co-workers blurred in bokeh. Bright, welcoming, approachable atmosphere. Shot on mirrorless camera quality, wide aperture. The overall feel is energetic but calm. 사진 품질, 실사, 코워킹 스페이스 장면, 밝고 따뜻한 분위기. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 돈다발·지폐 이미지 | 과도한 물질적 자극 — 오히려 불신감, 금융 광고 규정 위반 소지 | | 로켓 발사 비유 이미지 | 과장된 성공 비유 — "과대광고" 느낌, 보험업 규제 환경에 부적합 | | 복잡한 기기·서버실 | 기술 진입장벽을 강조하는 역효과 — "나는 할 수 없겠다" 심리 유발 | | 어두운 사무실 혼자 야근 | 고단함·소진 이미지 — 영업지원 소분류의 "밝은 가능성" 톤과 완전히 반대 | | 회사 외관/로고가 보이는 건물 | 특정 기업 연상 또는 "대기업에 취업하세요" 느낌으로 맥락 혼선 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 헤드라인 | 딥 네이비 | #1B365D | 밝은 배경 위 헤드라인 | **화이트 배경 위: 12.5:1 (AAA)** | | 서브카피 | 코퍼레이트 블루 | #2B5797 | 지원 항목 나열 | **화이트 배경 위: 7.8:1 (AAA)** | | 강조 수치 | 골드 | #C5A572 | "1,000만원" 수치 강조 단어 | — | | 배경 오버레이 | 클린 화이트 | #F0F4F8 | 텍스트 영역 소프트 패널 (opacity 0.85) | — | | CTA 배경 | 코퍼레이트 블루 | #2B5797 | CTA 버튼 배경 | — | | CTA 텍스트 | 화이트 | #FFFFFF | CTA 텍스트 | **블루#2B5797 위: 7.8:1 (AAA)** | > **배경 톤**: 밝은 톤. M1 세 소분류 중 가장 밝고 친근한 배경. 화이트/라이트 그레이 계열 코워킹 스페이스. "진입 장벽이 낮다"는 것을 배경의 밝기로 시각화. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [화이트 소프트 패널 — 좌측 720px, opacity 0.85, border-right: 블렌딩] │ │ │ │ 패딩: 좌 60px, 상 48px, 우 40px (패널 기준) │ │ │ │ [상단 브랜드 라인] │ │ 인카금융서비스 · 영업지원 패키지 │ │ 폰트: 40px Medium #2B5797 │ │ │ │ [헤드라인] gap: 브랜드라인 하단 20px │ │ 무자본창업, 폰트: 54px Bold #1B365D │ │ 인카가 도와드립니다 line-height: 1.2 │ │ │ │ [지원 항목] gap: 헤드라인 하단 20px │ │ DB 자동화 | AI 무상 세팅 | 정착금 최대 1,000만원 │ │ 폰트: 40px Medium #2B5797 │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 56px, 너비 220px │ │ └──────────────────────┘ 블루 배경 #2B5797, 화이트 텍스트, round 8px │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 720px (전체 너비의 60%) 패널 블렌딩: 우측 경계에 0~120px 구간 gradient(→ 투명) 처리 ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [화이트 반투명 오버레이 — 전체, opacity 0.45] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ [상단 브랜드 라인 — 중앙 정렬] │ │ 인카금융서비스 · 영업지원 │ │ 폰트: 40px Medium #2B5797 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 28px │ │ 무자본창업, │ │ 인카가 도와드립니다 폰트: 58px Bold #1B365D │ │ line-height: 1.2 │ │ │ │ [지원 항목 — 중앙 정렬] gap: 24px │ │ DB 자동화 · AI 무상 세팅 │ │ 신입 정착금 최대 1,000만원 폰트: 44px Medium #2B5797 │ │ │ │ [CTA — 중앙 정렬] gap: 32px │ │ ┌────────────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 68px, 너비 340px, round 8px │ │ └────────────────────────────┘ 블루 배경, 화이트 텍스트 48px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 오버레이: 화이트 일정 opacity 0.45 (배경 코워킹 스페이스가 은은히 비침) → 배경 인물의 실루엣이 보여야 "사람이 일하는 공간" 느낌 유지됨 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 원티드/잡플래닛 광고 — "이직해도 괜찮아, 더 좋은 환경이 있어"라는 낮은 허들의 격려 톤. 무겁지 않고 가볍되, 가벼워서 불안하지 않은 균형. 밝고 깨끗한 비주얼. **레퍼런스 비유 2**: 카카오뱅크 "계좌 만들기" 광고 — "복잡하지 않아요, 지금 바로 할 수 있어요"라는 심리적 진입장벽 제거 메시지. 숫자 하나를 크게 띄우고(1,000만원), 나머지는 간결하게. **DO**: - 배경의 밝기와 온기가 "편안한 시작"을 시각적으로 표현 - "1,000만원" 수치는 골드나 강조 처리로 헤드라인 내에서도 눈에 띄게 - CTA는 블루 계열 — 밝은 배경에서 골드보다 블루 CTA가 더 눈에 띔 **DON'T**: - 화이트 텍스트를 밝은 배경 위에 직접 사용 금지 (대비율 미달 — 클린 화이트 위 화이트) - 지원 항목을 4개 이상 나열하지 않기 (3개로 선별) - 배경 오버레이를 0.60 이상으로 높이면 "화이트 단색 배경"과 구분 불가 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "무료 상담 신청 →" | | 배경 | 코퍼레이트 블루: `#2B5797` (단색) | | 텍스트 색상 | #FFFFFF — 대비율 **7.8:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 220px, 높이 56px / 1080×1080: 너비 340px, 높이 68px | | 모서리 | border-radius 8px (M1-1/M1-2보다 약간 둥글게 — 친근함) | | 호버 상태 | 배경: `#3A6BB5` (1단계 밝아짐), 텍스트 유지 | | 클릭 상태 | 배경: `#1F4080` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 밝은 배경 위에 화이트 텍스트를 사용하면 → 대비율 1.05:1로 WCAG 완전 미달, 텍스트 식별 불가. → 해결: 헤드라인과 서브카피 모두 딥 네이비(#1B365D) 또는 코퍼레이트 블루(#2B5797) 사용. - ⚠️ 만약 지원 항목이 4개 이상이면 1줄이 넘어 2줄이 됨 → CTA가 캔버스 하단 밖으로 이탈. → 해결: 항목 3개로 압축, 파이프(|) 구분자로 1줄 처리. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 화이트 오버레이 opacity를 0.60 이상으로 높이면 → 배경 코워킹 스페이스가 사라지고 CSS 화이트 배경과 구분 불가. → 해결: opacity 0.40~0.50 유지. 배경 인물 실루엣이 은은히 보여야 함. - ⚠️ 만약 지원 항목을 3개 이상 2줄로 배치하면 → 총 텍스트 블록 높이가 620px 초과로 CTA가 하단 여백 밖으로 밀려남. → 해결: 항목은 2줄("DB 자동화 · AI 무상" / "신입 정착금 최대 1,000만원")로 2줄까지만 허용. --- ## M2-1: GA × 정당한 대우 **RSA 핵심 메시지**: 좋은 GA를 만나면 보험영업이 달라집니다 **대표 헤드라인 예시**: "GA 수수료 구조, 제대로 비교하세요" / "같은 일인데 수수료가 다르다면?" / "보험설계사 수수료, 이제 비교하세요" **브랜드 원칙**: M2는 GA 업계 일반을 다루는 **중립적 정보 제공** 캠페인. 특정 회사명(인카금융, 서울대보험쌤) 절대 미노출. 중립 톤 유지. --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "GA 수수료 구조, 제대로 비교하세요" 또는 "같은 일인데 수수료가 다르다면?"이라는 헤드라인이 현직 설계사의 불만 포인트를 정확히 건드린다. "맞아, 나도 이게 불만이었는데"라는 즉각적 공감. **인지 변화 (클릭 고려 단계)**: 특정 GA를 추천하지 않고 "비교하세요"라는 중립적 제안이 오히려 신뢰를 형성한다. "이 광고는 뭔가 팔려는 게 아니라 정보를 주는 것"이라는 인식 → 방어심 낮아짐. "7월 1200% 룰"이라는 업계 이슈가 실제 정보처럼 인식되어 클릭 동기 강화. **행동 욕구 (CTA 단계)**: "GA 비교하기"라는 CTA가 "판단은 내가 하겠다"는 자기결정권 욕구와 맞아 떨어진다. 강요받는 느낌 없이 정보를 탐색하고 싶은 욕구로 자연스럽게 연결. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene, top-down aerial view (bird's eye) of a clean, minimalist office desk. White marble-effect desk surface. Two A4 documents placed side by side with about 20cm gap between them. Left document has a few red checkmark annotations visible (blurred, not readable text). Right document has green checkmark annotations (blurred). A single black ballpoint pen laid diagonally across the right document. A white ceramic coffee cup (half-full, no logo) in the upper right corner. Neutral, even lighting from directly above. No dramatic shadows. The frame fills 100% with the desk surface — no background visible. Analytical, methodical, comparison-focused atmosphere. Colors: white, off-white, muted paper tones with small red and green accent marks only. 사진 품질, 실사, 탑뷰 비교 장면. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 특정 회사 로고·건물 | 중립 톤 원칙 위반 — 특정 GA를 추천하는 광고로 오해됨 | | 감정적 인물 표정 (웃음·울음) | M2의 "분석적, 이성적" 톤과 충돌. 정보 제공 맥락에서 감정적 인물은 어색 | | 화려한 럭셔리 인테리어 | "좋은 GA" = "화려한 회사"라는 오해 유발. 중립적 비교 맥락과 불일치 | | 악수·계약 서명 장면 | "이미 결정된 것"처럼 보여 비교 탐색 단계의 심리와 충돌 | | 어두운 밤 사무실 장면 | M2-1 "정당한 대우"는 다크→미드 톤이지만, 음울함 아닌 "분석적 차분함"이 목표 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 텍스트 배경 오버레이 | 차콜 그린 | #1B3A2D | 좌측 텍스트 영역 반투명 패널 | — | | 헤드라인 | 뉴트럴 화이트 | #FAFAFA | 다크 오버레이 위 헤드라인 | **차콜그린 위: 14.2:1 (AAA)** | | 서브카피 | 라이트 그린 | #A5D6A7 | 서브 메시지 (48px+ 사용) | **차콜그린 위: 6.8:1 (AA Large)** | | 강조 포인트 | 틸 | #00897B | 비교 포인트 핵심 단어 강조 | — | | CTA 배경 | 틸 | #00897B | CTA 버튼 배경 | — | | CTA 텍스트 | 딥 다크 그린 | #1A3320 | CTA 버튼 텍스트 | **틸#00897B 위: 8.7:1 (AAA)** | > **배경 톤**: 다크→미드 톤. 정당한 대우 앵글의 "현재 불만에서 출발"을 반영해 전반적으로 차분하고 어두운 톤 유지. 단, M1-1의 감정적 무거움과 달리 M2-1은 "분석적 차분함" — 어둡지만 음울하지 않은 집중의 느낌. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [차콜 그린 그라데이션 오버레이 — 좌측 720px, opacity 0.78] │ │ [Gemini 배경 이미지] │ │ 패딩: 좌 60px, 상 52px, 우 40px │ │ │ │ [브랜드 라인 없음 — M2는 중립 톤] │ │ │ │ [헤드라인] 상단 52px에서 시작 │ │ GA 수수료 구조, 폰트: 54px Bold #FAFAFA │ │ 제대로 비교하세요 line-height: 1.2 │ │ │ │ [서브카피] gap: 헤드라인 하단 20px │ │ 같은 일인데 수수료가 다르다면? 폰트: 44px Medium #A5D6A7 │ │ │ │ [보조 정보] gap: 서브카피 하단 16px │ │ 7월 규제 변화 전 지금 비교하세요 폰트: 40px Medium #FAFAFA │ │ │ │ [CTA — y:530px 고정] │ │ ┌─────────────────────┐ │ │ │ GA 비교하기 → │ 높이 56px, 너비 200px, round 4px │ │ └─────────────────────┘ 틸 배경 #00897B, 딥다크그린 텍스트 #1A3320 │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 720px (전체 너비의 60%) 이미지 영역: 우측 600px (120px 오버랩 소프트 블렌딩) 모서리 radius 4px: M1(6px)보다 날카롭게 — 분석적 톤 표현 ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [차콜 그린 오버레이 — 전체, opacity 0.62] │ │ │ │ 패딩: 좌우 72px, 상 96px, 하 80px │ │ │ │ [헤드라인 — 중앙 정렬] │ │ GA 수수료 구조, │ │ 제대로 비교하세요 폰트: 62px Bold #FAFAFA │ │ line-height: 1.2 │ │ 상단 96px에서 시작 │ │ │ │ [서브카피 — 중앙 정렬] gap: 헤드라인 하단 24px │ │ 같은 일인데 수수료가 다르다면? 폰트: 44px Medium #A5D6A7 │ │ │ │ [보조 정보 — 중앙 정렬] gap: 24px │ │ 7월 규제 변화 전 지금 비교하세요 폰트: 40px Medium #FAFAFA │ │ │ │ [CTA — 중앙 정렬] gap: 36px │ │ ┌─────────────────────────┐ │ │ │ GA 비교하기 → │ 높이 68px, 너비 300px, round 4px │ │ └─────────────────────────┘ 틸 배경, 딥다크그린 텍스트 48px Bold │ └─────────────────────────────────────────────────────────────────────────┘ ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 컨슈머리포트·다나와 비교 광고 — "어떤 게 더 좋다"고 결론 짓지 않고 "데이터를 보여주겠다"는 중립적 정보 제공 태도. 감정 없이 사실이 말하게 하는 방식. **레퍼런스 비유 2**: 리멤버 커리어·링크드인 광고 — "더 좋은 조건이 있다"는 것을 알려주되 특정 회사를 직접 밀지 않는 플랫폼형 톤. 비교 자체가 가치라는 메시지. **DO**: - 배경은 탑뷰 비교 서류 이미지로 "분석·비교" 맥락을 시각적으로 표현 - 헤드라인은 질문형("다르다면?") 또는 행동 유도형("비교하세요")으로 자기결정권 존중 - 중립 톤이므로 브랜드 뱃지 없음. 광고 출처 식별은 URL로만 **DON'T**: - 특정 GA 이름, 인카금융, 서울대보험쌤 절대 미노출 - 감정적 인물 표정 사용 금지 (분석적 톤 파괴) - 그린 계열 오버레이가 너무 진하면 "환경 광고" 느낌 — 차콜 그린 조합으로 해결 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "GA 비교하기 →" | | 배경 | 틸: `#00897B` (단색) | | 텍스트 색상 | #1A3320 (딥 다크 그린) — 대비율 **8.7:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 200px, 높이 56px / 1080×1080: 너비 300px, 높이 68px | | 모서리 | border-radius 4px (M1보다 날카롭게 — 분석적 톤) | | 호버 상태 | 배경: `#00A98F` (1단계 밝아짐), 텍스트 유지 | | 클릭 상태 | 배경: `#006B60` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 탑뷰 서류 이미지를 우측에 그대로 두면 이미지의 "수평 선들"이 텍스트와 시각적으로 충돌. → 해결: 우측 이미지 영역은 살짝 블러(Gemini 생성 시 "blurred background" 요청) 또는 오버레이 경계에서 소프트 블렌딩 처리. - ⚠️ 만약 중립 톤이라고 브랜드 라인까지 완전히 제거하면 광고 출처가 불명확해짐. → 해결: 브랜드 라인 대신 표시 URL(boheomyeongup/GA비교)이 Google 광고 플랫폼에서 자동 표시되므로 배너 자체엔 브랜드 표기 불필요. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 오버레이 opacity를 0.70 이상으로 높이면 → 탑뷰 서류 비교 이미지가 완전히 사라져 "왜 이 배경인가" 의미 손실. → 해결: opacity 0.58~0.65 유지. 서류 테두리와 빨간/녹색 체크 마크가 희미하게라도 보여야 "비교" 맥락 전달. - ⚠️ 만약 틸(#00897B) CTA 위에 화이트 텍스트를 쓰면 → 대비율 5.1:1로 AA만 충족 (AAA 미달). → 해결: 반드시 딥 다크 그린 #1A3320 사용 (대비율 8.7:1 AAA 충족). --- ## M2-2: GA × 관리자 비전 **RSA 핵심 메시지**: GA에서 지점장이 되는 가장 빠른 경로 **대표 헤드라인 예시**: "GA 지점장, 가장 빠른 경로 안내" / "영업에서 관리자로 성장하는 GA" / "직접 지점을 운영하고 수익을 거두세요" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "GA 지점장"이라는 구체적 직함이 눈에 들어오면서 "나도 가능한 이야기인가?"라는 즉각적 호기심. 관리자 야망이 있는 중견 설계사라면 "가장 빠른 경로"라는 표현이 긴장감을 자극. **인지 변화 (클릭 고려 단계)**: "독립적으로 운영, 인프라는 GA가"라는 조합이 "혼자 하는 개인사업의 리스크"라는 불안을 해소. "교육, DB 지원, 인프라"가 구체적으로 나열되면서 막연한 꿈이 실행 가능한 경로로 인식 전환. **행동 욕구 (CTA 단계)**: "7월 변화 속, GA 지점 개설 전략"이라는 시간 압박이 "지금 알아보지 않으면 기회를 놓친다"는 동기 형성. "지점장 경로 확인"이라는 CTA가 "큰 결정이 아니라 정보 확인"으로 허들을 낮춤. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a modern open-plan office space in Seoul. Medium shot, slightly elevated angle (eye-level standing), looking across a clean workspace. One male professional in his late 30s, business casual (white shirt, dark slacks), standing near a clean white standing desk, looking at a laptop screen slightly angled away. His posture is upright and purposeful but relaxed. Face in 3/4 profile, partially visible but not identifiable. The background shows a well-lit open office with glass-walled meeting rooms — empty. Green potted plants (monstera) visible in two spots. Warm morning natural light from windows on the right side. The overall composition has the person on the right half of frame, leaving the left half open for text. Shallow depth of field, background office slightly out of focus. 사진 품질, 실사, 오피스 관리자 장면. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 화려한 무대 위 연설·강연 | "대형 세미나" 이미지 → GA 지점장의 개인 사업적 독립성 맥락과 불일치 | | 계단을 올라가는 비유 | 진부한 "성장" 비유 이미지 — 스톡사진 전형, 타겟에게 식상함 | | 금색·은색 트로피 | "수상" 이미지 → 과거 성취 강조, 미래 기회 제시라는 맥락과 반대 | | 특정 GA 회사 로고·건물 외관 | 중립 톤 원칙 위반 | | 조직도·플로우차트 화면 | 파워포인트/교육 자료 느낌 — 광고 품격 하락 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 텍스트 배경 오버레이 | 미드 그린 | #2D5016 | 좌측 텍스트 영역 반투명 패널 | — | | 헤드라인 | 뉴트럴 화이트 | #FAFAFA | 오버레이 위 헤드라인 | **미드그린 위: 13.8:1 (AAA)** | | 서브카피 | 라이트 그린 | #A5D6A7 | 지원 항목 나열 (48px+) | **미드그린 위: 6.8:1 (AA Large)** | | 강조 액센트 | 틸 | #00897B | 경로·단계 핵심 단어 | — | | CTA 배경 | 포레스트 그린 | #2E7D32 | CTA 버튼 배경 | — | | CTA 텍스트 | 뉴트럴 화이트 | #FAFAFA | CTA 텍스트 | **포레스트그린 위: 7.3:1 (AAA)** | > **배경 톤**: 미드→밝은 톤. M2-1보다 1단계 밝게. 오전 자연광이 충분히 들어오는 오피스 장면. "지점장이 될 수 있다"는 가능성과 자신감의 톤. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [미드 그린 그라데이션 오버레이 — 좌측 660px, opacity 0.72] │ │ [Gemini 배경 이미지] │ │ 패딩: 좌 60px, 상 52px, 우 40px │ │ │ │ [헤드라인] 상단 52px에서 시작 │ │ GA 지점장, 폰트: 54px Bold #FAFAFA │ │ 가장 빠른 경로 안내 line-height: 1.2 │ │ │ │ [지원 항목] gap: 헤드라인 하단 20px │ │ 교육 | 인프라 | 운영 지원 폰트: 44px Medium #A5D6A7 │ │ │ │ [보조 정보] gap: 16px │ │ 독립 운영 + GA의 안정적 지원 폰트: 40px Medium #FAFAFA │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────────┐ │ │ │ 지점장 경로 확인 → │ 높이 56px, 너비 240px, round 4px │ │ └──────────────────────────┘ 포레스트 그린 배경, 화이트 텍스트 │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 660px (전체 너비의 55%) 이미지 영역: 좌 540px ~ 우 1200px ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [미드 그린 그라데이션 — 상단 #2D5016 B5(0.71) → 하단 투명] │ │ │ │ 패딩: 좌우 72px, 상 88px, 하 80px │ │ │ │ [헤드라인 — 중앙 정렬] │ │ GA 지점장, │ │ 가장 빠른 경로 안내 폰트: 60px Bold #FAFAFA │ │ line-height: 1.2 │ │ 상단 88px에서 시작 │ │ │ │ [지원 항목 — 중앙 정렬] gap: 24px │ │ 교육 · 인프라 · 운영 지원 폰트: 44px Medium #A5D6A7 │ │ │ │ [보조 정보 — 중앙 정렬] gap: 16px │ │ 독립 운영 + GA의 안정적 인프라 폰트: 40px Medium #FAFAFA │ │ │ │ [CTA — 중앙 정렬] gap: 36px │ │ ┌─────────────────────────────┐ │ │ │ 지점장 경로 확인 → │ 높이 68px, 너비 340px, round 4px │ │ └─────────────────────────────┘ 포레스트 그린, 화이트 텍스트 48px │ └─────────────────────────────────────────────────────────────────────────┘ 오버레이: 상단에서 하단으로 점점 투명해지는 그라데이션 → 하단 인물·오피스 장면이 충분히 보여야 "실제 공간" 느낌 유지 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: MBA/비즈니스 스쿨 수강생 모집 광고 — "다음 커리어 단계를 설계하세요"라는 체계적이고 야심 찬 톤. 감정보다는 전략적 결정을 자극하는 분위기. **레퍼런스 비유 2**: 리멤버 커리어 "이직 준비" 광고 — 특정 회사를 강요하지 않고 "더 좋은 조건이 있다"는 것을 알려주는 플랫폼형 접근. 선택의 주체는 타겟 자신. **DO**: - 오피스 배경에서 인물의 "리더십 자세"(직립, 집중, 주인 의식)가 느껴져야 함 - 지원 항목은 파이프/점(·)으로 1줄 처리 — 간결한 나열이 전문성을 표현 - 모서리 radius 4px 유지 — M2 전체의 "분석적, 날카로운" 톤 일관성 **DON'T**: - 라이트 그린(#A5D6A7) 텍스트를 화이트 배경 위에 사용 금지 (대비율 1.8:1 — 완전 미달) - 그린 계열 오버레이가 너무 진하면 "환경 캠페인"으로 오인 — opacity 최대 0.74 - 특정 GA 이름 언급 절대 금지 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "지점장 경로 확인 →" | | 배경 | 포레스트 그린: `#2E7D32` (단색) | | 텍스트 색상 | #FAFAFA — 대비율 **7.3:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 240px, 높이 56px / 1080×1080: 너비 340px, 높이 68px | | 모서리 | border-radius 4px | | 호버 상태 | 배경: `#388E3C` (1단계 밝아짐) | | 클릭 상태 | 배경: `#1B5E20` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 화이트보드 오피스 배경에서 텍스트가 흰 벽과 겹치면 → 화이트 헤드라인이 배경에 묻혀 가독성 상실. → 해결: 오버레이 opacity를 0.68~0.75로 유지하여 배경 색상에 의존하지 않도록. - ⚠️ 만약 헤드라인이 교육 자료처럼 보이면 → 타이포그래피 크기를 54px 유지하고 줄 간격을 1.2로 눌러 "무게감" 표현. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 그라데이션 오버레이의 하단이 완전히 투명하면 → 인물이 텍스트와 겹쳐 가독성 저하. → 해결: 인물이 배경 우측 1/3에 위치하도록 Gemini 프롬프트에서 구도 지정. 텍스트는 좌측·중앙 정렬로 충돌 방지. - ⚠️ 만약 라이트 그린 서브카피가 작은 화면에서 흐릿하게 보이면 → 소형 디바이스(스마트폰)에서 #A5D6A7은 화이트와 구별이 어려울 수 있음. → 해결: 서브카피를 #FAFAFA로 변경하고, 항목 앞에 녹색 점(●) 아이콘 추가로 시각적 구분. --- ## M2-3: GA × 영업지원 **RSA 핵심 메시지**: 영업이 힘들다면, 시스템이 있는 GA로 **대표 헤드라인 예시**: "영업이 힘들다면, 시스템 있는 GA" / "DB 제공, 교육, 함께 성장하는 GA" / "혼자 뛰지 않는 보험영업의 구조" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "영업이 힘들다면"이라는 공감형 헤드라인이 현재의 고단함을 정확히 건드린다. 문제를 직접 언급함으로써 "이 광고는 나를 이해하고 있다"는 즉각적 동질감 형성. **인지 변화 (클릭 고려 단계)**: "DB 제공, 교육, 함께 성장"이라는 지원 항목이 "혼자 다 해결해야 한다"는 기존 고통과 대비되어 안도감을 준다. "시스템 있는 GA"라는 표현이 새로운 환경의 가능성을 구체화. "혼자 뛰지 않는 구조"가 이 소분류의 핵심 감정 변화. **행동 욕구 (CTA 단계)**: "경험 없어도 괜찮습니다"라는 설명문이 마지막 자기검열("내가 자격이 있나?")을 제거. "영업지원 GA 알아보기"라는 CTA가 "알아보는 것도 손해 없다"는 낮은 허들로 클릭을 유도. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a small, bright team working space in Seoul. Medium shot, eye-level angle from the side. A round table with 2-3 young professionals (20s-30s) seated, one laptop open in the center. They are looking at the screen together in a collaborative, relaxed posture — not formal. No one is presenting or leading; it feels like a peer discussion. Natural light from a large window on the left. White and light wood interior. A small succulent plant in the corner of the table. People are in business casual — light shirts, no ties. Faces are angled away or partially obscured by looking at the screen. Warm, inviting, supportive atmosphere — feels like a good team to join. Background: clean white wall, one simple plant on a shelf. 사진 품질, 실사, 소규모 협업 팀 장면, 밝고 따뜻한 분위기. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 대형 강의실 수백 명 강연 | "GA의 함께 성장" 개념이 아니라 "일방적 교육" 이미지 — 따뜻한 동반자 톤 파괴 | | 어두운 사무실 혼자 야근 | 이 소분류가 해결하려는 문제 이미지 자체를 배경으로 사용하는 역효과 | | 기술 장비·서버실 | "복잡한 시스템"을 연상시켜 진입장벽이 오히려 높아 보이는 느낌 | | 특정 GA 회사 로고 | 중립 원칙 위반 | | 계약서 서명·악수 | "이미 결정된 결과" 이미지 — "함께 탐색 중"인 타겟 심리와 충돌 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 헤드라인 | 포레스트 그린 | #2E7D32 | 밝은 배경 위 헤드라인 | **화이트 배경 위: 7.3:1 (AAA)** | | 서브카피 | 쿨 그레이 | #546E7A | 지원 항목 나열 | **화이트 배경 위: 7.1:1 (AAA)** | | 강조 액센트 | 틸 | #00897B | 핵심 키워드 강조 | — | | 배경 오버레이 | 라이트 그린 | #E8F5E9 | 텍스트 영역 소프트 패널 (opacity 0.80) | — | | CTA 배경 | 틸 | #00897B | CTA 버튼 배경 | — | | CTA 텍스트 | 딥 다크 그린 | #1A3320 | CTA 텍스트 | **틸 위: 8.7:1 (AAA)** | > **배경 톤**: 밝은 톤. M2 세 소분류 중 가장 밝고 따뜻한 배경. "함께 성장하는 환경"이라는 따뜻한 공동체 느낌을 밝은 배경으로 시각화. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [라이트 그린 소프트 패널 — 좌측 720px, opacity 0.80] │ │ │ │ 패딩: 좌 60px, 상 52px, 우 40px │ │ │ │ [헤드라인] 상단 52px에서 시작 │ │ 영업이 힘들다면, 폰트: 52px Bold #2E7D32 │ │ 시스템 있는 GA로 line-height: 1.2 │ │ │ │ [지원 항목] gap: 헤드라인 하단 20px │ │ DB 제공 | 교육 | 함께 성장 폰트: 44px Medium #546E7A │ │ │ │ [보조 정보] gap: 16px │ │ 혼자 뛰지 않는 보험영업 구조 폰트: 40px Medium #2E7D32 │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────────────┐ │ │ │ 영업지원 GA 알아보기 → │ 높이 56px, 너비 280px, round 8px │ │ └──────────────────────────────┘ 틸 배경 #00897B, 딥다크그린 텍스트 │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 720px (전체 너비의 60%) 패널 배경: #E8F5E9 (라이트 그린) opacity 0.80 — 다크 텍스트 선명히 보임 모서리 radius 8px: M2에서 가장 둥글게 — 친근·따뜻한 톤 ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [라이트 그린 반투명 오버레이 — 전체, opacity 0.35] │ │ │ │ 패딩: 좌우 72px, 상 88px, 하 80px │ │ │ │ [헤드라인 — 중앙 정렬] │ │ 영업이 힘들다면, │ │ 시스템 있는 GA로 폰트: 58px Bold #2E7D32 │ │ line-height: 1.2 │ │ │ │ [지원 항목 — 중앙 정렬] gap: 24px │ │ DB 제공 · 교육 · 함께 성장 폰트: 44px Medium #546E7A │ │ │ │ [보조 정보 — 중앙 정렬] gap: 16px │ │ 혼자 뛰지 않는 보험영업 구조 폰트: 40px Medium #2E7D32 │ │ │ │ [CTA — 중앙 정렬] gap: 36px │ │ ┌───────────────────────────────────┐ │ │ │ 영업지원 GA 알아보기 → │ 높이 68px, 너비 380px, round 8px │ │ └───────────────────────────────────┘ 틸 배경, 딥다크그린 텍스트 48px │ └─────────────────────────────────────────────────────────────────────────┘ 오버레이 주의: opacity 0.35 유지. 배경 협업 장면(인물 실루엣, 식물)이 보여야 "따뜻한 팀 환경" 감성이 전달됨 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 클래스101·패스트캠퍼스 광고 — "함께 배우고 성장하는 커뮤니티"라는 따뜻한 공동체 톤. "이미 많은 사람이 이 길을 걷고 있다"는 사회적 안도감. **레퍼런스 비유 2**: 카카오 오픈채팅 광고 — 혼자가 아닌 "연결"을 강조하는 감성. 화려하지 않고 자연스러운 일상 속 장면으로 접근 가능성 표현. **DO**: - 배경의 소규모 팀이 "협업 중인 자연스러운 모습"이어야 함 (연출 느낌 최소화) - 헤드라인은 공감형("힘들다면") 또는 해결형("시스템 있는") — 양자택일 아닌 조합 - CTA 모서리 8px로 M2에서 가장 친근한 버튼 형태 **DON'T**: - 밝은 라이트 그린 배경 위에 화이트 텍스트 절대 금지 (대비율 1.2:1 — 완전 미달) - 인물 얼굴이 정면으로 또렷하게 나오면 "특정인 광고"로 오해 가능 — 측면·후면 처리 - 라이트 그린 오버레이를 0.5 이상으로 높이면 "환경 보호 캠페인" 느낌 발생 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "영업지원 GA 알아보기 →" | | 배경 | 틸: `#00897B` (단색) | | 텍스트 색상 | #1A3320 (딥 다크 그린) — 대비율 **8.7:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 280px, 높이 56px / 1080×1080: 너비 380px, 높이 68px | | 모서리 | border-radius 8px (M2에서 가장 친근한 형태) | | 호버 상태 | 배경: `#00A98F` (1단계 밝아짐) | | 클릭 상태 | 배경: `#006B60` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 밝은 배경에서 다크 텍스트가 "너무 무거워" 보이면 → 포레스트 그린 헤드라인이 쿨 그레이 서브카피와 색 대비가 부족해 시각적 계층이 무너짐. → 해결: 헤드라인 #2E7D32(진한 그린)과 서브카피 #546E7A(회색)의 명도 차이를 유지. 헤드라인 font-weight 700, 서브카피 500으로 굵기 차별화. - ⚠️ 만약 라이트 그린 패널 opacity를 0.80보다 낮추면 → 밝은 배경 Gemini 이미지가 너무 강하게 드러나 텍스트 가독성 위협. → 해결: opacity 0.75~0.85 범위 내 유지. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 협업 장면 인물이 중앙에 위치하면 → 텍스트 오버레이와 인물이 겹쳐 가독성 저하 + 인물 식별 문제. → 해결: Gemini 프롬프트에 "people occupy the right half of frame" 명시. 텍스트는 좌측 중심으로 배치(1080 사이즈에서도 좌정렬 레이아웃 검토). - ⚠️ 만약 라이트 그린 오버레이 opacity 0.35가 배경 인물을 충분히 분리하지 못하면 → 배경 얼굴이 텍스트 뒤에서 비쳐 "이중 노출" 느낌. → 해결: 텍스트 영역에만 반투명 화이트 패널(opacity 0.85) 추가로 레이어 2개 활용. --- ## M3-1: 서울대보험쌤 × 정당한 대우 **RSA 핵심 메시지**: 서울대 출신 컨설턴트가 설계한 공정한 보상 시스템 **대표 헤드라인 예시**: "지점장이 직접 컨설팅하는 보험영업" / "서울대 출신 컨설턴트의 공정한 보상" / "정착률 99% 정당한 대우 증명" **브랜드 원칙**: M3는 전종혁 지점장의 퍼스널 브랜드. "서울대보험쌤" 브랜드 노출 가능. 인카금융/인카다이렉트 미언급. 친근하되 전문적인 개인 브랜드 톤. --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "서울대 출신 컨설턴트"라는 권위 표지가 즉각적 신뢰 반응을 유발. "지점장이 직접 컨설팅"이라는 표현이 "나만을 위한 전문가"라는 개인화된 기대감을 자극. 프리미엄 느낌의 골드 배경과 따뜻한 서재 이미지가 "이 사람은 다르다"는 직관적 인식을 강화. **인지 변화 (클릭 고려 단계)**: "정착률 99%"라는 수치가 "단순한 권위 주장"이 아닌 "검증된 결과"로 인식되면서 신뢰가 구체화. "AI 시스템으로 실적을 극대화"라는 설명이 퍼스널 브랜드이지만 감에 의존하지 않는 "시스템화된 전문성"이라는 인식 형성. **행동 욕구 (CTA 단계)**: "2026년 7월 조건이 바뀌기 전에 지금 준비하세요"라는 시간 압박과 "1:1 밀착 코칭"이라는 개인화 약속이 결합되면서 "이 사람에게 직접 물어보고 싶다"는 무료 상담 욕구로 자연스럽게 이어짐. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of an elegant, warm private study in the evening. Medium shot, slightly low angle looking across the room. A large walnut-toned bookshelf fills most of the back wall — books neatly organized, warm ambient lighting from integrated shelf lighting. A solid walnut desk in the foreground, left side: a MacBook Pro closed, a handwritten notebook open with a pen resting on it, and a small glass of water. A warm reading lamp on the right edge of the desk casting directional amber light. Through a window on the left wall, a soft Seoul cityscape at dusk — lights beginning to appear, sky in deep blue-orange gradient. The room feels lived-in but immaculate — a space of concentrated expertise and quiet ambition. Camera: 50mm equivalent, natural indoor lighting with warm color temperature. 사진 품질, 실사, 고급 서재 저녁 장면, 전문가 개인 공간. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 대학 캠퍼스·졸업식 장면 | "서울대" 직접 연상을 지나치게 자극 — 학력 위주 권위 주장으로 오해 가능 | | 돈다발·재테크 이미지 | 전문적 컨설턴트 이미지와 충돌, 과도한 물질 자극으로 불신 유발 | | 여러 명 세미나·강연 | "1:1 밀착 코칭"이라는 핵심 강점이 "다수 강의"처럼 보여 차별화 소멸 | | 조직도·플로우차트 화면 | 교육/컨설팅 자료 느낌 → 광고 품격 하락 | | 지나치게 어두운 공간 | M3-1은 다크→미드 톤이지만, "음울함"이 아닌 "따뜻한 저녁의 집중" 표현이 목표 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 텍스트 배경 오버레이 | 딥 브라운 | #3E2723 | 좌측 텍스트 영역 반투명 패널 | — | | 헤드라인 | 크림 화이트 | #FFF8E7 | 딥 브라운 패널 위 헤드라인 | **딥브라운 위: 13.8:1 (AAA)** | | 서브카피 | 골드 | #C9A84C | 핵심 시스템명·수치 강조 (48px+) | **딥브라운 위: 8.4:1 (AAA)** | | 브랜드 뱃지 배경 | 골드 | #C9A84C | "서울대보험쌤" 뱃지 배경 | — | | 뱃지 텍스트 | 다크 초콜릿 | #1A0E00 | 뱃지 위 텍스트 | **골드 위: 8.4:1 (AAA)** | | CTA 배경 | 골드 그라데이션 | #C9A84C → #D4B87A | CTA 버튼 배경 | — | | CTA 텍스트 | 다크 초콜릿 | #1A0E00 | CTA 텍스트 | **골드 위: 8.4:1 (AAA)** | > **배경 톤**: 다크→미드 톤. M3 세 소분류 중 가장 어두운 배경. 저녁 서재의 따뜻한 간접 조명과 어두운 배경의 조합이 "깊이 있는 전문성"을 시각화. 골드 포인트가 어두운 배경에서 더욱 빛나는 효과. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [딥 브라운 그라데이션 오버레이 — 좌측 720px, opacity 0.78] │ │ [Gemini 배경 이미지] │ │ 패딩: 좌 60px, 상 48px, 우 40px │ │ │ │ ┌───────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ ← 뱃지: 골드 배경 #C9A84C │ │ └───────────────────────────────┘ 높이 48px, 폰트 40px Bold #1A0E00 │ │ 상단 48px에서 시작 │ │ │ │ [헤드라인] gap: 뱃지 하단 28px │ │ 지점장이 직접 폰트: 54px Bold #FFF8E7 │ │ 컨설팅하는 보험영업 line-height: 1.2 │ │ │ │ [서브카피] gap: 24px │ │ AI 시스템으로 실적을 극대화 폰트: 44px Medium #C9A84C │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 56px, 너비 220px │ │ └──────────────────────┘ 골드 그라데이션 배경, 다크 텍스트 #1A0E00 │ │ 폰트 44px Bold, round 6px │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 720px (60%) 이미지 영역: 좌 600px ~ 우 1200px (120px 소프트 블렌딩) 오버레이: #3E2723 CC(0.80) → 투명, 좌→우 방향 ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [딥 브라운 오버레이 — 전체, opacity 0.58] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ ┌────────────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ 뱃지: 골드 배경, 높이 52px │ │ └────────────────────────────────────┘ 폰트 40px Bold #1A0E00 │ │ 좌측 정렬 또는 중앙 정렬 선택 상단 80px에서 시작 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 뱃지 하단 36px │ │ 지점장이 직접 │ │ 컨설팅하는 보험영업 폰트: 60px Bold #FFF8E7 │ │ line-height: 1.2 │ │ │ │ [서브카피 — 중앙 정렬] gap: 24px │ │ AI 시스템으로 실적을 극대화 폰트: 44px Medium #C9A84C │ │ 정착률 99% · 경력직 정착금 50% 폰트: 40px Medium #FFF8E7 │ │ │ │ [CTA — 중앙 정렬] gap: 32px │ │ ┌──────────────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 68px, 너비 360px │ │ └──────────────────────────────┘ 골드 그라데이션, #1A0E00 텍스트 48px │ └─────────────────────────────────────────────────────────────────────────┘ 골드 면적 주의: 뱃지 + 서브카피 + CTA 버튼 합산 20% 이내로 제한 → 그 이상이면 "황금 보이스피싱" 느낌 발생 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 김미경·신사임당 퍼스널 브랜드 유튜브 광고 — "이 사람에게 배우고 싶다"는 멘토 신뢰. 기업 광고의 차가운 격식 없이, 전문성과 진정성이 어우러진 따뜻한 프리미엄 톤. 사람이 브랜드 자체. **레퍼런스 비유 2**: 프리미엄 온라인 교육 플랫폼(클래스유·마스터클래스) 강사 프로필 광고 — "이 분야의 최고 전문가가 나를 직접 가르친다"는 개인화된 프리미엄 가치. 고급스럽되 접근 가능한 느낌. **DO**: - 골드 액센트를 뱃지, 서브카피 강조, CTA에만 집중 (전체 면적 20% 이내) - 헤드라인의 무게감을 크림 화이트로 유지 — 골드 헤드라인은 배경에 따라 대비율 위험 - 배경 서재의 간접 조명 따뜻함이 "전문적 온기"를 시각적으로 전달 **DON'T**: - 골드 헤드라인 on 밝은 배경 절대 금지 (#C9A84C on #FFF8E7 = 3.1:1, 미달) - "서울대"를 배경 이미지로 직접 표현 금지 (학력 과시 느낌) - 어두운 배경에서 얇은(weight 500 미만) 서브카피 사용 금지 — 가독성 급락 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "무료 상담 신청 →" | | 배경 | 골드 그라데이션: `linear-gradient(135deg, #C9A84C 0%, #D4B87A 100%)` | | 텍스트 색상 | #1A0E00 (다크 초콜릿) — 대비율 **8.4:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 220px, 높이 56px / 1080×1080: 너비 360px, 높이 68px | | 모서리 | border-radius 6px | | 호버 상태 | 배경: `#D4B87A → #E8C870`, shadow (0 4px 16px rgba(201,168,76,0.5)) | | 클릭 상태 | 배경: `#B8945E → #C9A84C`, scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 골드 서브카피(#C9A84C)와 골드 CTA 버튼이 같은 y축에 겹치면 → "골드 덩어리"처럼 보여 가독성 저하. → 해결: 서브카피와 CTA 버튼 사이 최소 gap 40px. 또는 서브카피를 크림 화이트(#FFF8E7)로 변경. - ⚠️ 만약 배경 서재 조명이 오버레이를 통해 너무 밝게 비치면 → 크림 화이트 헤드라인의 대비율이 낮아질 수 있음. → 해결: 오버레이 opacity를 0.72 이상 유지하여 배경 밝은 영역이 텍스트 영역에 영향 주지 않도록. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 전체 오버레이 opacity를 0.65 이상으로 높이면 → 서재 배경이 단색 브라운과 구분 불가. → 해결: opacity 0.55~0.62 유지. 책장 선반, 창문 빛이 은은히 보여야 "전문가의 공간" 감성 살아남. - ⚠️ 만약 골드 면적(뱃지 + 서브카피 + CTA)의 시각적 합산이 20% 초과하면 → "황금빛" 과부하로 신뢰감 급락. → 해결: 서브카피 2줄 중 하나는 크림 화이트로 변경하여 골드를 핵심 키워드 1줄에만 집중. --- ## M3-2: 서울대보험쌤 × 관리자 비전 **RSA 핵심 메시지**: 서울대 출신 멘토와 함께 내 조직을 설계하세요 **대표 헤드라인 예시**: "서울대 출신 지점장과 함께 시작" / "내 조직을 설계하는 경영전략" / "조직 설계부터 성장까지 로드맵" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "서울대 출신 지점장과 함께 시작"이라는 헤드라인이 "이 전문가가 내 편이 되어준다"는 동반자 의식을 즉각 자극. 밝고 체계적인 공유 오피스 이미지가 "혼자 고생하지 않아도 된다"는 안도감을 시각적으로 전달. **인지 변화 (클릭 고려 단계)**: "AI자동화 | 멘토링 | 100일 로드맵"이라는 삼각 지원이 "막연한 독립"이 아닌 "설계된 성장"이라는 인식으로 전환. "200명 이상 구성원 TOP사업단"이라는 사회적 증거가 "이미 검증된 경로"로 신뢰를 강화. **행동 욕구 (CTA 단계)**: "조직 설계 상담 받기"가 "내 상황에 맞는 개인화된 조언"이라는 기대감으로 연결. 무형의 멘토링 가치를 "상담"이라는 구체적 첫 행동으로 전환. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a modern, warm co-working office with private glass-walled offices visible in the background. Wide shot, eye-level from the entrance. Open workspace in the foreground with individual desks, MacBooks, warm Edison-style pendant lights. A glass-walled private office visible on the right background — door open, suggesting availability and openness. Monstera deliciosa plants in two spots for organic warmth. Light walnut wood tones throughout furniture. Warm, diffused afternoon natural light — mix of sunlight and warm artificial. The space feels like it's designed for both independence and collaboration — individual desks but connected community. People are present in the background, blurred — some seated, some moving. Feels like a growing, purposeful team. 사진 품질, 실사, 공유 오피스 따뜻한 장면. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 거대 기업 빌딩 외관 | "대기업 취직" 이미지 — 개인 사업가로서의 독립성 메시지와 충돌 | | 시상식·수상 장면 | 이미 달성된 "과거의 성공" 이미지 — "지금 시작하세요" 맥락과 불일치 | | 조직도·플로우차트 화면 | 교육 자료/컨설팅 PT 느낌 — 광고 품격 하락 | | 여러 명이 차렷 자세로 정렬 | 군대·학원 이미지 — 개인화 코칭의 프리미엄 톤 파괴 | | 밤 야경만 보이는 어두운 공간 | M3-2는 미드→밝은 톤 — 어두운 배경은 M3-1 전용 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 헤드라인 | 딥 브라운 | #3E2723 | 밝은 배경 위 헤드라인 | **크림#FFF8E7 위: 11.2:1 (AAA)** | | 서브카피 | 다크 골드 | #A07828 | 지원 항목 강조 | **크림#FFF8E7 위: 7.1:1 (AAA)** | | 배경 오버레이 | 크림 | #FFF8E7 | 텍스트 영역 소프트 패널 (opacity 0.88) | — | | 브랜드 뱃지 배경 | 골드 | #C9A84C | "서울대보험쌤" 뱃지 배경 | — | | 뱃지 텍스트 | 다크 초콜릿 | #1A0E00 | 뱃지 위 텍스트 | **골드 위: 8.4:1 (AAA)** | | CTA 배경 | 골드 그라데이션 | #C9A84C → #D4B87A | CTA 버튼 배경 | — | | CTA 텍스트 | 다크 초콜릿 | #1A0E00 | CTA 텍스트 | **골드 위: 8.4:1 (AAA)** | > **배경 톤**: 미드→밝은 톤. M3-1보다 1단계 밝게. 자연광이 풍부하게 들어오는 오후 공유 오피스. "따뜻한 체계" — 골드 액센트가 밝은 배경에서도 다크 골드(#A07828)로 대비율 확보. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [크림 소프트 패널 — 좌측 660px, opacity 0.88] │ │ │ │ 패딩: 좌 60px, 상 48px, 우 40px │ │ │ │ ┌──────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ 뱃지: 골드 배경 #C9A84C │ │ └──────────────────────────────┘ 높이 48px, 폰트 40px Bold #1A0E00 │ │ 상단 48px에서 시작 │ │ │ │ [헤드라인] gap: 뱃지 하단 28px │ │ 서울대 출신 지점장과 폰트: 52px Bold #3E2723 │ │ 함께 시작합니다 line-height: 1.2 │ │ │ │ [지원 항목] gap: 헤드라인 하단 20px │ │ AI자동화 | 멘토링 | 100일 로드맵 폰트: 42px Medium #A07828 │ │ │ │ [CTA — y:530px 고정] │ │ ┌────────────────────────────────┐ │ │ │ 조직 설계 상담 받기 → │ 높이 56px, 너비 280px, round 6px │ │ └────────────────────────────────┘ 골드 그라데이션, #1A0E00 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 660px (55%) 패널 배경: #FFF8E7(크림) opacity 0.88 → 헤드라인 딥 브라운 #3E2723 on 크림: 11.2:1 (AAA) ✓ ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [크림 반투명 오버레이 — 전체, opacity 0.40] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ ┌───────────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ 뱃지: 골드 배경, 높이 52px │ │ └───────────────────────────────────┘ 폰트 40px Bold #1A0E00 │ │ 중앙 정렬 상단 80px에서 시작 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 36px │ │ 서울대 출신 지점장과 │ │ 함께 시작합니다 폰트: 58px Bold #3E2723 │ │ line-height: 1.2 │ │ │ │ [지원 항목 — 중앙 정렬] gap: 24px │ │ AI자동화 · 멘토링 · 100일 로드맵 폰트: 42px Medium #A07828 │ │ │ │ [CTA — 중앙 정렬] gap: 36px │ │ ┌──────────────────────────────────────┐ │ │ │ 조직 설계 상담 받기 → │ 높이 68px, 너비 420px │ │ └──────────────────────────────────────┘ 골드 그라데이션, 48px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 크림 오버레이 0.40: 배경 공유 오피스가 은은히 비쳐야 → 유리 파티션 개인 사무실이 보여야 "내 공간" 느낌 전달됨 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 프리미엄 비즈니스 코칭 프로그램 광고 (코어케어, 패스파인더) — "성공한 전문가가 1:1로 나를 가이드한다"는 개인화된 고급 서비스. 기업 광고의 차가움 없이, 사람 대 사람의 따뜻한 전문성. **레퍼런스 비유 2**: 현대카드 STUDY 광고 — 지식과 성장을 추구하는 사람들을 위한 프리미엄 서비스. 깔끔한 레이아웃, 따뜻하되 절제된 색상, "이미 선택받은 사람들"의 커뮤니티 느낌. **DO**: - 밝은 배경에서 골드 강조색은 반드시 다크 골드 #A07828 사용 (밝은 골드 #C9A84C는 크림 배경 위에서 대비율 3.1:1로 AAA 미달) - 공유 오피스의 "유리 파티션 개인 사무실"이 충분히 보여야 "독립성 + 공동체" 밸런스 표현 - 헤드라인은 딥 브라운 #3E2723 — 밝은 크림 배경과 최고 대비율 확보 **DON'T**: - 밝은 배경에 골드 #C9A84C 텍스트 사용 금지 (대비율 3.1:1, AAA 완전 미달) - 크림 오버레이를 0.55 이상으로 높이면 배경이 크림 단색 배경과 구분 불가 - "200명 이상 구성원" 같은 숫자를 배너에 모두 넣으려 하지 않기 — 랜딩 페이지 역할 분담 --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "조직 설계 상담 받기 →" | | 배경 | 골드 그라데이션: `linear-gradient(135deg, #C9A84C 0%, #D4B87A 100%)` | | 텍스트 색상 | #1A0E00 — 대비율 **8.4:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 280px, 높이 56px / 1080×1080: 너비 420px, 높이 68px | | 모서리 | border-radius 6px | | 호버 상태 | 배경: `#D4B87A → #E8C870`, shadow 추가 | | 클릭 상태 | 배경: `#B8945E → #C9A84C`, scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 밝은 크림 배경에서 골드(#C9A84C) 서브카피를 사용하면 → 대비율 3.1:1로 AAA 완전 미달, WCAG AA도 미달. → 해결: 반드시 다크 골드 #A07828로 변경 (크림 배경 위 7.1:1 AAA 충족). - ⚠️ 만약 크림 패널과 Gemini 배경 이미지 경계가 선명하면 → "두 개의 레이어가 붙어있는" 합성 느낌. → 해결: 패널 우측 경계에 120px gradient(크림→투명) 블렌딩 처리. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 크림 오버레이 opacity가 0.50 이상이면 → 공유 오피스 배경이 크림빛 단색처럼 보임 — Gemini 배경 의미 상실. → 해결: opacity 0.38~0.45 유지. 배경 몬스테라 식물, 유리 파티션이 은은히 비쳐야 함. - ⚠️ 만약 헤드라인이 딥 브라운 #3E2723 대신 블랙(#000000)이면 → 크림 배경과의 대비가 너무 강해 "서류 느낌" 발생, M3 고급 골드 톤에서 벗어남. → 해결: 반드시 #3E2723 딥 브라운 사용 (크림 위 11.2:1 AAA 충족하면서 따뜻한 톤 유지). --- ## M3-3: 서울대보험쌤 × 영업지원 **RSA 핵심 메시지**: 영업을 못하는 게 아닙니다 — 시스템이 없었을 뿐 **대표 헤드라인 예시**: "영업 못하는 게 아닙니다 시스템" / "5가지 시스템으로 영업 지원합니다" / "무자본창업으로 보험영업 시작" --- ### 1. 감정적 목표 — 3단계 감정 여정 **1차 반응 (0.3초 내)**: "영업 못하는 게 아닙니다"라는 선언이 현직 설계사의 자책과 좌절을 정확히 건드린다. "내 잘못이 아니었다"는 즉각적 해방감. 밝고 따뜻한 카페형 공간 이미지가 "새로운 시작"의 설렘을 시각적으로 전달. **인지 변화 (클릭 고려 단계)**: "시스템이 없었을 뿐"이라는 원인 제시가 책임의 방향을 바꾼다. "AI자동화 | DB영업 | 무자본 시작"이라는 구체적 솔루션이 "이 시스템이 있으면 나도 할 수 있겠다"는 자신감 회복. "인맥 불필요"라는 표현이 가장 큰 진입장벽을 제거. **행동 욕구 (CTA 단계)**: "신입 최대 1,000만원 정착지원"이라는 수치가 "잃을 것이 없는 시작"을 확인시켜준다. "무료 상담 신청"이 "그냥 한번 얘기해보자"는 낮은 허들로 최종 행동 욕구를 완성. --- ### 2. 배경 장면 가이드 #### Gemini 프롬프트 (완성형) ``` Photographic scene of a bright, cafe-like home office workspace. Medium shot, front-facing eye-level angle. A clean white desk near a large window — morning light streaming through, creating soft natural lens flare on the left side. A person visible from the left side only: arm in a casual white shirt sleeve, hand on a white MacBook keyboard. Face completely outside the frame. On the desk: an open planner/notebook with neat handwriting (not readable), a ceramic mug with coffee (steam visible), and a small potted plant. Through the window: green trees or foliage visible — urban outdoor but natural feel. The wall behind is white with one small framed print (abstract, not text-based). The overall atmosphere is bright, calm, and full of quiet optimism — the first morning of a new beginning. Warm morning color temperature. 사진 품질, 실사, 밝은 홈오피스 아침 장면, 새로운 시작 분위기. ``` #### 금지 장면 (사유 포함) | 금지 장면 | 금지 사유 | |-----------|----------| | 어두운 사무실에서 힘들어하는 모습 | 이 소분류가 해결하려는 "현재의 고통"을 배경으로 표현하면 역효과 — 희망이 아닌 좌절을 환기 | | 복잡한 기술 장비·서버실 | "AI 시스템"이라는 강점이 오히려 복잡한 진입장벽처럼 느껴지는 역효과 | | 자격증·졸업장 이미지 | "학력이 필요하다"는 오해 유발 — "인맥 불필요"라는 메시지와 충돌 | | 여러 사람 강의 장면 | "1:1 밀착 코칭"의 개인화 강점이 "집단 교육"으로 희석됨 | | 밤·야경 배경 | M3-3는 M3 세 소분류 중 가장 밝은 톤 — 어두운 배경은 M3-1 전용 | --- ### 3. 컬러 팔레트 | 역할 | 색상 | 헥스 | 사용 위치 | 대비율 | |------|------|------|---------|--------| | 헤드라인 | 딥 브라운 | #3E2723 | 밝은 배경 위 헤드라인 | **크림#FFF8E7 위: 11.2:1 (AAA)** | | 서브카피 | 다크 골드 | #A07828 | 지원 항목 강조 | **크림#FFF8E7 위: 7.1:1 (AAA)** | | 배경 오버레이 | 크림 화이트 | #FFF8E7 | 텍스트 영역 소프트 패널 (opacity 0.90) | — | | 브랜드 뱃지 배경 | 골드 | #C9A84C | "서울대보험쌤" 뱃지 배경 | — | | 뱃지 텍스트 | 다크 초콜릿 | #1A0E00 | 뱃지 위 텍스트 | **골드 위: 8.4:1 (AAA)** | | CTA 배경 | 다크 골드 | #A07828 | CTA 버튼 배경 (밝은 배경이므로) | — | | CTA 텍스트 | 크림 화이트 | #FFF8E7 | CTA 텍스트 | **다크골드 위: 7.1:1 (AAA)** | > **배경 톤**: 밝은 톤. M3 세 소분류 중 가장 밝고 따뜻한 배경. "새로운 시작"의 아침 에너지. 골드 CTA는 밝은 배경이므로 다크 골드(#A07828)를 배경으로, 크림 화이트를 텍스트로 — 대비율 7.1:1 AAA 충족. --- ### 4. 텍스트 레이아웃 #### 1200×628 (가로형 랜드스케이프) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [크림 소프트 패널 — 좌측 720px, opacity 0.90] │ │ │ │ 패딩: 좌 60px, 상 48px, 우 40px │ │ │ │ ┌──────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ 뱃지: 골드 배경 #C9A84C │ │ └──────────────────────────────┘ 높이 48px, 폰트 40px Bold #1A0E00 │ │ 상단 48px에서 시작 │ │ │ │ [헤드라인] gap: 뱃지 하단 28px │ │ 영업 못하는 게 아닙니다 폰트: 50px Bold #3E2723 │ │ — 시스템이 없었을 뿐 line-height: 1.2 │ │ │ │ [지원 항목] gap: 헤드라인 하단 20px │ │ AI자동화 | DB영업 | 무자본 시작 폰트: 42px Medium #A07828 │ │ │ │ [CTA — y:530px 고정] │ │ ┌──────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 56px, 너비 220px, round 8px │ │ └──────────────────────┘ 다크 골드 배경 #A07828, 크림 텍스트 #FFF8E7 │ │ 폰트 44px Bold │ └─────────────────────────────────────────────────────────────────────────┘ 텍스트 영역: 좌 0px ~ 우 720px (60%) 패널 배경: #FFF8E7 opacity 0.90 (배경이 밝으므로 높은 opacity 허용) → 밝은 배경 + 높은 opacity → 화이트 배경과 구분하는 차이는 "따뜻한 크림 톤" ``` #### 1080×1080 (정사각형) ``` ┌─────────────────────────────────────────────────────────────────────────┐ │ [Gemini 배경 이미지 — 전체 깔림] │ │ [크림 반투명 오버레이 — 전체, opacity 0.38] │ │ │ │ 패딩: 좌우 72px, 상 80px, 하 80px │ │ │ │ ┌───────────────────────────────────┐ │ │ │ 서울대보험쌤 · TOP사업단 │ 뱃지: 골드 배경, 높이 52px │ │ └───────────────────────────────────┘ 폰트 40px Bold #1A0E00 │ │ 중앙 정렬 상단 80px에서 시작 │ │ │ │ [헤드라인 — 중앙 정렬] gap: 36px │ │ 영업 못하는 게 아닙니다 │ │ — 시스템이 없었을 뿐 폰트: 56px Bold #3E2723 │ │ line-height: 1.2 │ │ │ │ [지원 항목 — 중앙 정렬] gap: 24px │ │ AI자동화 · DB영업 · 무자본 시작 폰트: 42px Medium #A07828 │ │ 신입 정착금 최대 1,000만원 폰트: 40px Medium #3E2723 │ │ │ │ [CTA — 중앙 정렬] gap: 32px │ │ ┌───────────────────────────────┐ │ │ │ 무료 상담 신청 → │ 높이 68px, 너비 360px, round 8px │ │ └───────────────────────────────┘ 다크 골드 배경, 크림 텍스트 48px │ └─────────────────────────────────────────────────────────────────────────┘ 크림 오버레이 0.38: 배경의 창문, 식물, 커피잔이 보여야 "새로운 시작의 따뜻한 아침" 감성 전달됨 ``` --- ### 5. 톤앤매너 **레퍼런스 비유 1**: 서울대보험쌤·신사임당 개인 브랜드 유튜브 광고 중 "무료 클래스" 모집편 — "이 사람이 내 옆에서 직접 가르쳐준다"는 친근하고 개인적인 온기. 기업이 아닌 사람이 전면에 나서는 진정성. **레퍼런스 비유 2**: 밀리의서재·리디북스 "지금 시작해도 괜찮아" 광고 — 과거의 실패나 지연에 대한 자책 없이 "지금이 맞는 때"라는 격려 톤. 밝고 깨끗한 크림 비주얼, 낮은 허들의 시작. **DO**: - "영업 못하는 게 아닙니다"라는 공감형 헤드라인을 큼직하게 — 감정적 첫인상 극대화 - 배경 아침 햇살과 식물이 "새로운 시작"을 시각적으로 강화 - CTA는 다크 골드 배경 + 크림 텍스트 — 밝은 배경에서 눈에 띄면서 골드 톤 유지 **DON'T**: - 밝은 배경 위에 밝은 골드(#C9A84C) 텍스트 절대 금지 (대비율 3.1:1 미달) - 지원 항목을 4개 이상 나열하지 않기 — 3개로 선별 (시스템 명칭은 랜딩에서) - M3-3이 가장 밝은 톤이므로 어두운 오버레이 사용 금지 (톤앤톤 원칙 유지) --- ### 6. CTA 버튼 | 항목 | 스펙 | |------|------| | 문구 | "무료 상담 신청 →" | | 배경 | 다크 골드: `#A07828` (단색) — 밝은 배경에서 눈에 띔 | | 텍스트 색상 | #FFF8E7 (크림 화이트) — 대비율 **7.1:1 (AAA)** | | 폰트 | 44px Bold (1200×628) / 48px Bold (1080×1080) | | 크기 | 1200×628: 너비 220px, 높이 56px / 1080×1080: 너비 360px, 높이 68px | | 모서리 | border-radius 8px (M3에서 가장 친근한 형태 — 새로운 시작 톤) | | 호버 상태 | 배경: `#B88E30` (1단계 밝아짐), 텍스트 유지 | | 클릭 상태 | 배경: `#7A5C1E` (1단계 어두워짐), scale 0.97 | --- ### 7. 사이즈별 주의사항 **1200×628 위험 시나리오 + 해결책**: - ⚠️ 만약 크림 패널 opacity를 0.90 이상으로 높이면 → 밝은 Gemini 배경 이미지가 완전히 가려져 "크림 단색 배경"과 구분 불가. → 해결: opacity 0.85~0.92 범위 유지. 우측 이미지 영역에서 배경이 충분히 보여야 함. - ⚠️ 만약 헤드라인이 2줄("영업 못하는 게 아닙니다 / — 시스템이 없었을 뿐")로 처리되면 → 다시와 em 대시를 포함한 두 번째 줄이 50px로 캔버스 높이를 초과할 수 있음. → 해결: 헤드라인 폰트를 50px→46px로 2px씩 줄이거나, 두 줄을 "영업 못하는 게 아닙니다" 한 줄로 압축. **1080×1080 위험 시나리오 + 해결책**: - ⚠️ 만약 크림 오버레이 opacity를 0.50 이상으로 높이면 → 배경의 아침 햇살, 창문, 식물이 사라지고 크림 단색처럼 보임. → 해결: opacity 0.35~0.42 유지. 배경 인물 팔/어깨, 커피잔 실루엣이 보여야 "사람이 일하는 공간" 느낌. - ⚠️ 만약 지원 항목 2줄 + 헤드라인 2줄 + 뱃지 + CTA를 모두 배치하면 → 텍스트 블록 총 높이 640px 초과로 CTA가 하단 80px 여백을 침범. → 해결: "신입 정착금 1,000만원" 보조 줄을 삭제하고 3줄(뱃지/헤드라인/항목/CTA)로 구성. --- ## 부록 A: 9세트 배경 밝기 흐름 매트릭스 ``` 정당한 대우 관리자 비전 영업지원 (다크→미드) (미드→밝은) (밝은) ────────────────────────────────────────────────────── 인카다이렉트 ████░░░░░░ ███░░░░░░░ ██░░░░░░░░ (M1) 다크 기업 로비 오후 개인 오피스 밝은 코워킹 딥 네이비 오버레이 파란 그라데이션 화이트 패널 (opacity 0.75) (0.70) (0.85) GA ████░░░░░░ ███░░░░░░░ ██░░░░░░░░ (M2) 차콜 비교 서류 오피스 관리자 소규모 협업 차콜 그린 오버레이 미드 그린 오버레이 라이트 그린 패널 (opacity 0.78) (0.72) (0.80) 서울대보험쌤 ████░░░░░░ ███░░░░░░░ ██░░░░░░░░ (M3) 따뜻한 서재 저녁 밝은 공유 오피스 아침 홈오피스 딥 브라운 오버레이 크림 패널 크림 패널 (opacity 0.58) (0.40) (0.38) ``` **밝기 흐름 원칙**: - 정당한 대우(①④⑦) → 다크→미드: 현재 불만·무게에서 출발 - 관리자 비전(②⑤⑧) → 미드→밝은: 자신감과 가능성이 확장되는 느낌 - 영업지원(③⑥⑨) → 밝은: 편안한 시작, 낮은 허들, 따뜻한 공동체 - 같은 소분류 내(①②③) → 한 배너씩 점점 밝아지는 서사 아크 유지 - 소분류 간 전환: 급격한 밝기 단절 금지. 인접 셀끼리 밝기 차이 최대 1.5단계 이내 --- ## 부록 B: CTA 문구 요약표 | 세트 | 대분류 | 소분류 | CTA 문구 | CTA 스타일 | |------|--------|--------|---------|-----------| | M1-1 | 인카다이렉트 | 정당한 대우 | "조건 확인하기 →" | 골드 그라데이션 / 다크 텍스트 | | M1-2 | 인카다이렉트 | 관리자 비전 | "지점 개설 조건 확인 →" | 골드 그라데이션 / 다크 텍스트 | | M1-3 | 인카다이렉트 | 영업지원 | "무료 상담 신청 →" | 코퍼레이트 블루 / 화이트 텍스트 | | M2-1 | GA | 정당한 대우 | "GA 비교하기 →" | 틸 / 딥 다크 그린 텍스트 | | M2-2 | GA | 관리자 비전 | "지점장 경로 확인 →" | 포레스트 그린 / 화이트 텍스트 | | M2-3 | GA | 영업지원 | "영업지원 GA 알아보기 →" | 틸 / 딥 다크 그린 텍스트 | | M3-1 | 서울대보험쌤 | 정당한 대우 | "무료 상담 신청 →" | 골드 그라데이션 / 다크 텍스트 | | M3-2 | 서울대보험쌤 | 관리자 비전 | "조직 설계 상담 받기 →" | 골드 그라데이션 / 다크 텍스트 | | M3-3 | 서울대보험쌤 | 영업지원 | "무료 상담 신청 →" | 다크 골드 / 크림 텍스트 | --- ## 부록 C: 배경 키워드 요약 (Gemini 프롬프트 핵심어) | 세트 | 핵심 장면 | 조명 | 구도 | 톤 | |------|-----------|------|------|-----| | M1-1 | 기업 본사 로비 + 도시 스카이라인 | 아침 황금빛 + 간접 조명 | 인물 뒷모습 우측 1/3 | 다크 기업 | | M1-2 | 개인 사무실 + 도시 전망 + 빈 의자 | 오후 자연광 | 문가에서 안을 보는 시점 | 미드 자신감 | | M1-3 | 코워킹 스페이스 + 모니터 2대 | 따뜻한 오전 자연광 | 작업 중 인물 측면 | 밝은 친근 | | M2-1 | 탑뷰 비교 서류 2장 + 펜 + 커피 | 균일 정상 조명 | 정상 탑뷰 | 다크 분석 | | M2-2 | 오픈 오피스 + 유리 회의실 | 오전 자연광 | 측면 리더 자세 인물 | 미드 전문 | | M2-3 | 소규모 협업 팀 + 둥근 테이블 | 따뜻한 자연광 | 측면 협업 장면 | 밝은 따뜻 | | M3-1 | 고급 서재 + 책장 + 도시 야경 | 저녁 간접 조명 + 램프 | 45도 사선 조망 | 다크 프리미엄 | | M3-2 | 공유 오피스 + 유리 파티션 사무실 | 오후 자연광 + 따뜻한 인조광 | 정면 넓은 시야 | 미드 따뜻 | | M3-3 | 아침 홈오피스 + 창문 + 식물 | 아침 자연광 렌즈플레어 | 측면 인물 팔/어깨만 | 밝은 새출발 | **필수 포함 키워드 (모든 프롬프트에)**: "photographic scene", "사진 품질", "실사" **절대 금지 키워드 (모든 프롬프트에)**: "icon", "graphic", "illustration", "flat design", "vector" --- ## 부록 D: 컬러 코드 일람 (Quick Reference) ### 인카다이렉트 (M1) ``` 딥 네이비 #1B365D — 헤드라인(밝은 배경), 오버레이 패널 배경 코퍼레이트 블루 #2B5797 — 오버레이, 서브카피(밝은 배경), CTA(M1-3) 라이트 블루 #5B9BD5 — 서브카피(다크 오버레이 위), 48px+ 전용 골드 (뱃지/CTA) #C5A572 — 뱃지 배경, CTA 그라데이션 시작 골드 (CTA 끝) #D4B87A — CTA 그라데이션 종료 클린 화이트 #F0F4F8 — 다크 오버레이 위 헤드라인 다크 초콜릿 #1A0E00 — CTA 텍스트 (AAA 확보) ``` ### GA (M2) ``` 포레스트 그린 #2E7D32 — 헤드라인(밝은 배경), CTA(M2-2) 차콜 그린 #1B3A2D — 오버레이 패널 배경 (M2-1) 미드 그린 #2D5016 — 오버레이 패널 배경 (M2-2) 쿨 그레이 #546E7A — 서브카피(밝은 배경) 틸 #00897B — 강조 액센트, CTA 배경 (M2-1, M2-3) 라이트 그린 #A5D6A7 — 서브카피(다크 오버레이 위), 48px+ 전용 라이트 그린 오버레이 #E8F5E9 — 텍스트 영역 밝은 패널 뉴트럴 화이트 #FAFAFA — 다크 오버레이 위 헤드라인 딥 다크 그린 #1A3320 — 틸 CTA 위 텍스트 (AAA 확보) ``` ### 서울대보험쌤 (M3) ``` 골드 (브랜드) #C9A84C — 뱃지 배경, CTA 그라데이션 (M3-1, M3-2) 골드 (CTA 끝) #D4B87A — CTA 그라데이션 종료 다크 골드 #A07828 — 밝은 배경 위 서브카피, CTA 배경 (M3-3) 다크 초콜릿 #1A0E00 — 뱃지 텍스트, CTA 텍스트 딥 브라운 #3E2723 — 밝은 배경 위 헤드라인, 오버레이 패널 크림 화이트 #FFF8E7 — 다크 오버레이 위 헤드라인, M3-3 CTA 텍스트 ``` --- ## 부록 E: 검증 체크리스트 (제작 완료 후 QC 항목) ### 공통 규칙 체크 - [ ] 모든 텍스트 요소(뱃지, 브랜드 라인, 헤드라인, 서브카피, CTA) 최소 40px 이상인가? - [ ] 모든 폰트 weight가 500(Medium) 이상인가? (300 이하 light/thin 없는지) - [ ] 텍스트-배경 대비율 WCAG AAA(7:1, 대형텍스트 4.5:1) 충족하는가? - [ ] Gemini 배경이 "사진/photographic scene" 기반인가? (아이콘/그래픽 배경 아닌지) - [ ] 반투명 레이어가 한 배너에 최대 2개인가? - [ ] 반투명 레이어가 배경 메인 피사체(인물, 창문, 핵심 오브젝트)를 가리지 않는가? - [ ] "당신" 미사용, "여러분" 사용 확인 - [ ] "팀장" 미사용, "지점장" 사용 확인 (M3 전용) - [ ] 광고 내부 코드명(M1-1, SOLUTION 등) 배너에서 완전 삭제 - [ ] 슬라이드 번호(1/9, 2/9) 없음 확인 ### 대분류 브랜드 격리 체크 - [ ] M1(인카다이렉트): 서울대보험쌤/전종혁 미노출 - [ ] M2(GA): 인카금융/인카다이렉트/서울대보험쌤/전종혁 미노출 - [ ] M3(서울대보험쌤): 인카금융/인카다이렉트 미노출 ### 대비율 핵심 체크포인트 - [ ] M1: 화이트 텍스트 on 딥 네이비 오버레이 → 12.5:1 AAA ✓ - [ ] M1: 다크 골드 텍스트(#1A0E00) on 골드 CTA → 8.4:1 AAA ✓ - [ ] M2: 뉴트럴 화이트 on 차콜 그린 오버레이 → 14.2:1 AAA ✓ - [ ] M2: 딥 다크 그린(#1A3320) on 틸 CTA → 8.7:1 AAA ✓ - [ ] M2: 포레스트 그린(#2E7D32) on 화이트 배경 → 7.3:1 AAA ✓ (M2-2, M2-3) - [ ] M3: 크림(#FFF8E7) on 딥 브라운 오버레이 → 13.8:1 AAA ✓ - [ ] M3: 다크 초콜릿(#1A0E00) on 골드 CTA → 8.4:1 AAA ✓ - [ ] M3: 다크 골드(#A07828) on 크림 배경 → 7.1:1 AAA ✓ (밝은 배경 전용) ### CTA 대비율 체크 (가장 자주 실수하는 항목) - [ ] M2-1, M2-3 CTA: 틸(#00897B) + 화이트 텍스트 조합 **사용 금지** (5.1:1 AA만 충족) - → 반드시 딥 다크 그린(#1A3320) 사용 (8.7:1 AAA) - [ ] M3-3 CTA: 다크 골드(#A07828) + 크림(#FFF8E7) 조합 사용 (7.1:1 AAA) - → 골드(#C9A84C) + 화이트 조합 **금지** (3.1:1 완전 미달) ### 밝기 흐름 체크 - [ ] 정당한 대우(①④⑦): 가장 어두운 배경, 오버레이 opacity 0.55 이상 - [ ] 관리자 비전(②⑤⑧): 중간 밝기, 오버레이 opacity 0.40~0.55 - [ ] 영업지원(③⑥⑨): 가장 밝은 배경, 오버레이 opacity 0.35~0.45 - [ ] 같은 대분류 내 세 소분류 순서대로 밝기가 점진적으로 증가하는가? ### 레이아웃 체크 (사이즈별) - [ ] 1200×628: 텍스트 영역이 전체 너비의 55~60% (660~720px) 이내인가? - [ ] 1200×628: 헤드라인이 1줄로 처리되는가? (2줄이면 폰트 축소 또는 짧은 헤드라인 선택) - [ ] 1200×628: CTA 버튼이 y:490~560px 범위 내 배치되는가? - [ ] 1080×1080: 상하 패딩 최소 80px 유지되는가? - [ ] 1080×1080: 오버레이가 전체에 적용될 때 배경 핵심 요소가 여전히 보이는가? - [ ] 1080×1080: 텍스트 블록 총 높이가 560px 이하인가? (초과 시 항목 삭제) ### 스톡사진 금지 체크 - [ ] 악수 장면 없음 - [ ] 엄지척 포즈 없음 - [ ] 도표 들고 웃는 사람 없음 - [ ] 계단 오르는 비유 없음 - [ ] 전형적 정장 포즈 없음 (단, 뒷모습·측면 기업인은 허용) --- *Google RSA 9세트 디자인 디렉션 v2.0 (Sonnet 품질)* *작성: 페이토 (Peitho) — 2026-04-01* *기준: rsa-9set.md (최종판), matrix-3x3-strategy.md (v1.0), knowhow-design.md* *적용 사이즈: 1200×628 (랜드스케이프) / 1080×1080 (피드 정사각형)* *제이회장님 승인 후 제작 착수*