## 색상 팔레트

### 기본 색상

**배경**

- 색상: `#f2f2f0`

- 설명: 밝은 중성적인 미색, 깔끔하고 미니멀한 디자인

- 사용 용도: 예외 없이 모든 슬라이드 배경에 사용 가능

**주요 텍스트 및 줄**

- 색상: `#2B2B2B` 또는 `#1A1A1A`

- 설명: 매우 짙은 회색, 거의 검은색에 가까움

- 사용 용도: 모든 텍스트 내용, 머리글 구분선, 기하학적 윤곽선, 문자 윤곽선

### 강조 색상

**선명한 파란색**

- 색상: `#5B7FFF` (대체 색상: `#4D6FE8`)

- 설명: 활기 넘치는 중간 밝기의 파란색

- 용도: 기하학적 도형의 원형 노드, 캐릭터 의상/스카프, 버튼 채우기, 장식용 점

**은은한 골드**

- 색상: `#C9B568` (대체 색상: `#D4C17A`)

- 설명: 따뜻한 머스터드/골드 톤

- 사용법: 기하학적 도형의 원형 노드(파란색과 번갈아 사용), 장식적 요소

### 색상 적용 규칙

- 배경색은 항상 `#E8E6E3`입니다.

- 텍스트는 항상 `#2B2B2B`입니다.

- 파란색과 금색은 원형 노드와 문자 강조에만 사용됩니다.

- 파란색이나 금색을 큰 블록이나 텍스트 색상으로 절대 사용하지 마세요.

- 텍스트와 배경 사이의 높은 대비를 유지하세요

## 타이포그래피 시스템

### 글꼴 모음

**기본 표시 글꼴: Roca Two (또는 이와 유사한 굵은 세리프체)**

특징: 굵고 친근하며 둥근 느낌을 주는 세리프체

- 굵기: 굵게/무겁게

- 사용 용도: 모든 슬라이드 제목, 주요 헤드라인, 섹션 제목

- 글꼴은 그대로 유지

**보조 본문 글꼴: Poppins (또는 Inter)**

특징: 깔끔하고 현대적인 산세리프체로 가독성이 뛰어납니다.

- 무게: 일반(400)은 바디용, 중간(500)은 강조용

- 사용 용도: 본문 전체, 부제목, 캡션, 페이지 번호, 로고 텍스트

- 글꼴은 그대로 유지

### 글꼴 크기 조정 계층 구조

**초대형 제목** (표지 슬라이드, 주요 섹션 구분선)

- 글꼴: **Roca Two**

- 크기: 72-96pt

- 색상: `#2B2B2B`

- 사용법: "주요 제목", "감사합니다", "의제"

**큰 제목** (슬라이드 내용 제목)

- 글꼴: **Roca Two**

- 크기: 48-60pt

- 색상: `#2B2B2B`

- 사용법: "우리의 비전", "브랜드 포지셔닝", "YouMind는 무엇에 관한 것인가요?"

**본문** (단락, 설명)

- 글꼴: Poppins Regular

- 크기: 18-24pt

- 색상: `#2B2B2B`

- 줄 간격: 1.6-1.8

- 사용 예: 모든 단락 내용, 설명

**작은 글씨**(페이지 번호, 바닥글, 캡션)

- 글꼴: Poppins Regular

- 크기: 16-18pt

- 색상: `#2B2B2B`

- 사용법: "페이지 X", 웹사이트 URL, 이메일 주소

**버튼/알약 텍스트**

- 글꼴: Poppins Regular 또는 Medium

- 크기: 20-24pt

- 색상: `#2B2B2B`

- 사용법: 둥근 알약 모양 버튼 안의 텍스트

### 타이포그래피 규칙

- 세리프 글꼴은 절대 혼용하지 마세요. 표시용으로는 **Roca Two**만 사용하세요.

본문 텍스트에는 세리프체를 절대 사용하지 마세요. 포핀스체만 사용하세요.

- 가독성을 위해 일정한 줄 간격(1.6~1.8)을 유지하십시오.

- 모든 텍스트는 `#2B2B2B` 형식이어야 합니다. 예외는 없습니다.

- 단락 간 간격을 충분히 두십시오 (24-32pt)

## 레이아웃 시스템

### 전역 헤더 구조

**표지 슬라이드만 (1페이지):**

**왼쪽 헤더 요소:**

- 로고

- 크기: 지름 32-40pt

- 색상: 검정색 테두리 `#2B2B2B`

- 위치: 왼쪽 가장자리에서 60-80px, 위쪽에서 60-80px

- 간격: 로고와 텍스트 사이 12-16픽셀

**오른쪽 헤더 요소:**

- 글꼴: Poppins Regular, 16-18pt

- 색상: `#2B2B2B`

- 위치: 오른쪽 가장자리에서 60-80px, 위쪽에서 60-80px

정렬: 오른쪽 정렬

**머리글 구분선:**

- 얇은 가로선

무게: 1-2파운드

- 색상: `#2B2B2B`

- 위치: 헤더 요소 아래, 여백을 포함하여 전체 너비에 걸쳐 배치

- 가장자리 여백: 좌우 60-80px

**내용 슬라이드(2~4페이지) 및 마무리 슬라이드(5페이지):**

- YouMind 로고 없음

- "페이지 X" 텍스트만

- 위치: 오른쪽 상단 모서리, 하단 중앙 또는 기타 미묘한 위치

- 헤더 구분선 없음

- 콘텐츠를 위한 세로 공간 확보 가능

### 마진 시스템

**표준 마진:**

- 상단: 60-80px (헤더 구분선 아래쪽은 40-60px 추가)

- 하단: 60-80px

- 왼쪽: 80-100픽셀

- 오른쪽: 80-100픽셀

**콘텐츠 영역:**

- 헤더와 여백을 고려하면 콘텐츠 영역의 크기는 대략 가로 1200-1280픽셀, 세로 600-680픽셀입니다(16:9 비율, 1920x1080 해상도 기준).

## 시각적 요소

### 손으로 그린 ​​기하학적 도형

**핵심 설계:**

- 스타일: 불완전하고 손으로 그린 ​​듯한 직사각형과 정사각형

- 선 굵기: 2-3pt

- 색상: 블랙 `#2B2B2B`

- 품질: 자연스럽고, 선이 약간 휘어져 있음 (완벽하게 직선이 아님)

- 연결: 다양한 각도로 도형을 연결하는 선

**원형 노드:**

- 모양: 완벽한 원형

- 크기: 지름 24-40pt

- 채우기: 단색 - `#5B7FFF`(파란색) 또는 `#C9B568`(금색) 중 선택

- 위치: 기하학적 도형의 연결점 및 모서리

- 패턴: 변화를 주기 위해 파란색과 금색이 번갈아 나타납니다.

**배치 규칙:**

- 슬라이드 모서리 위치 (좌측 상단, 우측 상단, 좌측 하단, 우측 하단)

- 텍스트 내용과 절대 겹치지 않도록 하세요

- 콘텐츠 영역과 40~60픽셀 간격을 유지하세요

- 시각적 균형을 유지하세요 - 왼쪽에 도형이 있다면 오른쪽에도 도형이 있어야 합니다.

- 일반적인 구성: 2~4개의 연결된 직사각형과 3~6개의 원형 노드

### 둥근 알약 버튼

**설계 사양:**

- 모양: 둥근 직사각형 (알약 모양)

- 테두리: 2pt 검정색 실선 `#2B2B2B`

- 채우기: 투명 또는 `#E8E6E3` (배경색과 동일)

- 테두리 반경: 전체 높이 반경(완벽한 알약 모양)

- 여백: 가로 16-24px, 세로 12-16px

- 글꼴: Poppins Regular, 20-24pt, `#2B2B2B`

**용법:**

- 의제 슬라이드의 탐색 요소

- 클릭 유도 버튼

- 섹션 레이블

- 항상 윤곽선만 있고, 색으로 채워지지 않습니다.

**마우스 오버/활성 상태(상호작용 시):**

- 채우기: `#5B7FFF` (파란색)

- 텍스트: 흰색 `#FFFFFF`

- 테두리: `#5B7FFF`

### 장식용 도트 그리드

**명세서:**

- 점: 작은 원, 지름 3-4pt

- 색상: `#2B2B2B`

- 패턴: 일반 격자, 12-16픽셀 간격

- 배열: 6×6 또는 8×8 격자

- 위치: 오른쪽 상단 모서리, 가장자리에서 100-150픽셀 떨어진 위치

- 용도: 선택적인 포인트 요소로, 과하지 않으면서 시각적 흥미를 더합니다.

### 아이콘 (최소한의 사용)

**스타일:**

- 선화만, 채색 없음

무게: 2-3파운드

- 색상: `#2B2B2B`

- 크기: 48-64pt

- 예시: 눈 모양 아이콘(시야), 조준선/십자선(임무)

- 사용 빈도: 특정 개념을 강화할 때만 드물게 사용

## 캐릭터 일러스트 시스템

### 캐릭터 디자인 사양

**기본 구조:**

- 단순한 흰색 인간형 캐릭터를 손으로 그린 ​​미니멀리즘 스타일의 낙서 일러스트입니다. 캐릭터는 둥글고 길쭉한 머리, 두 개의 작은 검은 점 눈, 그리고 뾰족한 코를 가지고 있습니다. 손가락과 발가락은 명확하게 묘사되어 있지 않습니다. 두껍고 긴 파란색 스카프(선택 사항: '머스타드 골드 스카프'로 대체 가능)를 목에 두르고 있으며, 스카프 끝자락은 아래로 늘어져 있습니다. 그림체는 두껍고 질감 있는 검은색 마커 윤곽선과 음영 처리가 없는 단색을 사용했으며, 배경은 옅은 흰색입니다. 이 캐릭터는 [문맥에 맞는 내용]입니다.

**파란색 강조 (매우 중요):**

- 요소: 스카프, 셔츠 또는 의류

- 색상: `#5B7FFF` (선명한 파란색)

- 스타일: 손으로 그린 ​​듯한 유려하고 유기적인 형태

- 커버리지: 캐릭터의 15~25%

목적: 브랜드 정체성, 시각적 흥미, 움직임

**스타일 일관성:**

- 항상 손으로 그린 ​​듯한 느낌 (자연스럽고 불완전한 선)

- 파란색 포인트 요소를 항상 포함하세요

- 모든 문자의 선 굵기를 동일하게 유지하세요

- 모든 자세에서 비율을 일관되게 유지하세요

### 미니멀리즘 일러스트레이션 가이드라인

**단순함이 최우선입니다:**

- 모든 삽화는 최대한 단순하고 간결하게 유지하세요.

- 문자 높이는 120pt(슬라이드 높이의 약 10~12%)를 초과해서는 안 됩니다.

기하학적 요소는 작아야 하며 모서리에만 국한되어야 합니다.

- 전체 그림 삽입 면적은 슬라이드 면적의 15% 미만이어야 합니다.

- 복잡하거나 상세한 도면 작성을 피하십시오.

**여유 공간과 숨 쉴 공간:**

- 슬라이드 전체에 충분한 여백을 유지하세요

- 텍스트는 콘텐츠 영역의 50~55%만 차지해야 합니다(일반적으로 왼쪽).

- 시각적인 여유 공간을 확보하기 위해 오른쪽은 대부분 비워두어야 합니다.

- 모든 면에 충분한 여백: 최소 100px, 가급적 100-120px

- 삽화는 오른쪽 하단 모서리에만 배치해야 하며, 가장자리에서 최소 100픽셀 이상 떨어져 있어야 합니다.

**레이아웃 밸런스:**

- 미끄럼틀 중앙은 깨끗하고 비어 있어야 합니다.

- 공간을 어수선하게 만들거나 모든 공간을 채우지 마십시오.

- 여백을 전략적으로 활용하여 집중도와 명확성을 높이세요

- 간결함이 미덕입니다: 불필요한 시각적 요소를 제거하세요

장식보다는 가독성과 공간감을 우선시하십시오.