Comparison (Before/After 비교) 테마

용도: 두 상태를 나란히 배치하여 차이점을 명확히 보여줍니다. 변화의 임팩트를 시각적으로 증명합니다.

시각 정체성: “IMAX 분할 화면처럼 — 좌우 풀블리드 이미지 위에 핵심 수치가 떠 있다”

활용 상황:

• Before/After 비교
• As-Is/To-Be 분석
• 방법 A vs 방법 B 장단점
• 경쟁사 대비 우위
• 개선 전후 성과 비교

색상 팔레트

팔레트 특징:

• 차콜(어둠) → 에메랄드(밝음)로 개선 방향성 암시
• 코랄 강조색이 “핵심 변화점”을 즉각 인지시킴
• 중립적 배경으로 양쪽 비교에 편향 없음

권장 레이아웃

대비 메타포 (Contrast) – 최우선 권장

좌우 대칭 배치로 동일한 기준에서 두 상태를 비교합니다.

┌───────────────┐   VS   ┌───────────────┐
│  Before (현재) │        │  After (목표)  │
│ - 항목 1       │        │ - 항목 1       │
│ - 항목 2       │        │ - 항목 2       │
│ - 항목 3       │        │ - 항목 3       │
└───────────────┘        └───────────────┘

핵심 원칙:

• 좌우 패널의 크기, 항목 수, 정렬을 동일하게 맞춤
• 대비 포인트는 1-2개만 대형으로 강조
• 항목은 대응 관계가 보이도록 같은 순서로 배치

상하 분할 (대형 화면용)

┌─────────────────────────────┐
│         Before (현재)        │
│   - 문제점 1   - 문제점 2    │
├─────────────────────────────┤
│              ↓              │
├─────────────────────────────┤
│         After (목표)         │
│   + 개선점 1   + 개선점 2    │
└─────────────────────────────┘

스타일 노트

대비 강조 기법

• 색상 대비: Before는 차콜(#2D3436), After는 에메랄드(#00B894)
• 아이콘 대비: Before에 ✗/↓, After에 ✓/↑ 사용
• 수치 대비: 동일 지표의 전후 수치 나란히 표시

항목 매칭 규칙

시각적 연결

• 중앙에 → 또는 VS 표시로 전환 암시
• 변화 방향 화살표는 1개만 사용 (과도한 장식 배제)

비교 항목 작성 가이드

좋은 예

나쁜 예

원칙: 정성적 표현 대신 정량적 수치로 차이를 명확히

적합/부적합 케이스

적합: Before/After 변화 증명, As-Is/To-Be 시스템 비교, 방법 A vs 방법 B 의사결정, 경쟁사 대비 우위, 개선 전후 KPI 비교

부적합: 3개 이상 대안 비교 (다자 비교), 관계망/순환/계층, 시간 순서 프로세스, 단일 상태 설명 (비교 대상 없음), 미래 비전 몰입 → theme-whatif

콘텐츠 표현 규칙

comparison 스타일의 텍스트는 개조식 명사구를 따릅니다:

렌더링 스타일 (Rendering Style)

이 스타일의 시각적 DNA를 정의합니다. prompt-designer가 INSTRUCTION/CONFIGURATION 블록 생성 시 반드시 참조해야 합니다.

이미지 중심 원칙 (CRITICAL)

Comparison 테마는 이미지가 메시지의 주체입니다. 텍스트는 보조 역할만 합니다.

• 각 측면(Before/After)에 텍스트 요소는 최대 3개 (제목 1개 + 핵심 지표 2개)
• 이미지가 캔버스의 95% 이상을 채운다
• 텍스트는 반드시 이미지 위 반투명 오버레이에 배치한다
• Before/After 차이는 이미지의 시각적 대비로 전달하고, 텍스트는 수치 보조만 한다
• 양쪽 이미지의 구도, 크기, 위치를 정확히 대칭시킨다

장면 묘사 가이드 (Scene Description Guide) — CRITICAL

이 테마의 좌우 이미지 장면은 반드시 INSTRUCTION 블록의 ### Content Placement에서 자연어로 상세히 묘사해야 합니다. [Image 1], [Image 2] 같은 플레이스홀더를 절대 사용하지 않습니다 — Gemini가 그대로 텍스트로 렌더링합니다.

올바른 장면 묘사 (INSTRUCTION의 Content Placement에 배치)

### Content Placement
- 좌측 50% (Before 장면): 먼지가 이는 들판에서 낡고 녹슨 트랙터를 수동 조작하는 고령 농부. 
  구부정한 자세로 핸들을 잡고 있으며, 트랙터 주변에 고르지 않은 밭고랑이 보인다. 
  전체적으로 어둡고 탁한 톤. 하단에 반투명 검정 그라데이션 오버레이.
- 우측 50% (After 장면): 정돈된 녹색 밭 위를 주행하는 첨단 자율주행 트랙터(KIMM 로고). 
  센서와 안테나가 장착된 깨끗한 외관. 배경에 작은 모니터실에서 태블릿을 보며 
  미소 짓는 관리자. 밝고 선명한 톤. 하단에 반투명 흰색 그라데이션 오버레이.
- 중앙: 대형 흰색 화살표(→)로 Before→After 전환 암시
- 오버레이 텍스트: 각 측면의 반투명 오버레이 위에 제목과 핵심 수치 배치

잘못된 장면 묘사 (절대 금지)

### Content Placement
- 좌측: [Image 1] Before 이미지 배치
- 우측: [Image 2] After 이미지 배치

왜 잘못되었는가: [Image 1], [Image 2]는 Gemini에 의해 이미지 위에 그대로 텍스트로 렌더링됩니다. 실제 장면이 생성되지 않고 플레이스홀더 텍스트가 화면을 차지하여 이미지 중심 원칙을 완전히 위반합니다.

장면 묘사 필수 요소 (Before/After 각각)

렌더링 금지 요소 (CRITICAL)

프롬프트 생성 시 다음 요소는 CONTENT BLOCK에 절대 포함 금지:

CONTENT에는 이미지 위 반투명 오버레이에 표시될 순수한 텍스트(제목, 핵심 수치)만 포함합니다.

렌더링 완결성 (Rendering Completeness) — CRITICAL

이 테마의 Gemini 렌더링 결과물에서 다음 품질 기준을 반드시 충족해야 합니다:

프롬프트 작성 시 완결성 확보 방법

구성 지시어 렌더링 방지 (Content Placement 메타라벨 금지) — CRITICAL

INSTRUCTION 블록의 Content Placement에서 CONTENT 텍스트의 배치를 설명할 때, **역할 분류명(메타라벨)**을 사용하면 Gemini가 해당 라벨을 이미지에 텍스트로 렌더링합니다. 반드시 CONTENT에 기재된 실제 텍스트를 직접 인용하여 배치를 지시합니다.

금지 메타라벨 목록: 보조 지표, 보조 텍스트, 핵심 성과, 핵심 지표, 변화율 라벨, Before 라벨, After 라벨, 메인 타이틀, 비교 항목

출력 구조 매핑 (Output Structure Mapping)

comparison 테마의 프롬프트는 다음과 같이 4-block 구조에 매핑됩니다. 모든 테마가 동일한 4-block 구조를 따릅니다.

INSTRUCTION 블록 포함 내용

• ### Image Purpose: Before/After 비교 슬라이드의 목적 (변화 증명, 개선 효과 등)
• ### Target Audience: 의사결정자, 평가위원 등
• ### Key Message: 핵심 변화 포인트 한 문장
• ### Visual Style: comparison 스타일 명시 + IMAX 분할 화면 특성
• ### Rendering Style: 서피스(패널 없음, 50:50 분할 이미지), ë°°ê²½(좌측 어둡고 복잡 / 우측 밝고 정돈), 코너/엣지(완전 직각), 연결선(중앙 대형 화살표 1개), 시각 장식(최소, ✓/✗ 아이콘, 변화율 배지), 공간 구성(이미지 95%+텍스트 오버레이 5%), 시각 메타포(시각 대비) 7개 차원
• ### Content Placement: 좌우 장면을 자연어로 상세히 묘사 (환경, 주체, 행동, 톤, 오버레이 처리 포함). 중앙 화살표/VS 배치. CONTENT에 기재된 실제 텍스트를 직접 인용(작은따옴표)하여 오버레이 텍스트 배치 위치 설명. [Image N] 플레이스홀더 및 메타라벨(역할 분류명) 절대 금지

CONFIGURATION 블록 포함 내용

• ### Canvas Settings: 3840 x 2160, 배경색 #F5F6FA
• ### Background Treatment: 좌측 50%(어두운 톤 이미지) / 우측 50%(밝은 톤 이미지) + 중앙 구분
• ### Color Palette: 주조(#2D3436), ë³´ì¡°(#00B894), 강조(#FF7675), ë°°ê²½(#F5F6FA)
• ### Layout Structure: 대비 메타포(Contrast) 좌우 대칭 + 영역 구분
• ### Typography: 2단 위계(제목/핵심 수치), 오버레이 위 밝은 텍스트

CONTENT 블록 포함 내용 (텍스트 오버레이 ONLY)

• ### Title Area: Before/After 제목 (번호 목록 형태)
• ### Main Content: 오버레이에 표시될 텍스트만 번호 목록으로 나열 — Before 항목과 After 항목의 대응 수치. 장면 묘사, 이미지 참조([Image N]), 환경 설명 절대 포함 금지 — 이들은 INSTRUCTION의 Content Placement에 배치
• ### Data Elements: 전후 핵심 수치 (최대 3개)

FORBIDDEN ELEMENTS 블록 포함 내용

• [Image 1], [Image 2] 등 이미지 플레이스홀더, pt/px 단위, 한영 병기, ASCII 힌트, 렌더링 지시문, 폰트 지정, 좌표, 플레이스홀더, 위치 지시자, 레이아웃 유형명, 색상 코드, 역할 라벨, 장면 묘사 텍스트, 테이블 형식 CONTENT 등