## โทนสี

### สีหลัก

**ข้อมูลเบื้องต้น**

- สี: `#f2f2f0`

- คำอธิบาย: สีขาวนวลอ่อนๆ เป็นกลาง ดูสะอาดตาและเรียบง่าย

- วิธีใช้งาน: ใช้ได้กับพื้นหลังสไลด์ทุกแบบโดยไม่มีข้อยกเว้น

**ข้อความหลักและจำนวนบรรทัด**

- สี: `#2B2B2B` หรือ `#1A1A1A`

- ลักษณะ: สีเทาเข้มมาก เกือบดำ

- การใช้งาน: เนื้อหาข้อความทั้งหมด เส้นแบ่งส่วนหัว เส้นขอบรูปทรงเรขาคณิต เส้นขอบตัวอักษร

### สีเน้น

**สีน้ำเงินสดใส**

- สี: `#5B7FFF` (ทางเลือก: `#4D6FE8`)

- คำอธิบาย: สีฟ้าสดใสปานกลางที่ให้ความรู้สึกมีพลัง

- การใช้งาน: จุดวงกลมบนรูปทรงเรขาคณิต เสื้อผ้า/ผ้าพันคอของตัวละคร การเติมสีให้กับกระดุม จุดตกแต่ง

**สีทองหม่น**

- สี: `#C9B568` (ทางเลือก: `#D4C17A`)

- คำอธิบาย: โทนสีเหลืองมัสตาร์ด/ทองอบอุ่น

- การใช้งาน: ใช้เป็นปุ่มวงกลมบนรูปทรงเรขาคณิต (สลับกับสีฟ้า) หรือใช้ตกแต่งเพิ่มเติม

### กฎการใช้งานสี

- พื้นหลังจะเป็น `#E8E6E3` เสมอ

- ข้อความจะเป็น `#2B2B2B` เสมอ

- สีน้ำเงินและสีทองใช้สำหรับส่วนโค้งและส่วนเน้นตัวอักษรเท่านั้น

- ห้ามใช้สีน้ำเงินหรือสีทองเป็นสีสำหรับบล็อกขนาดใหญ่หรือตัวอักษรเด็ดขาด

- รักษาความคมชัดสูงระหว่างตัวอักษรและพื้นหลัง

## ระบบการจัดพิมพ์ตัวอักษร

### ตระกูลฟอนต์

**แบบอักษรหลักสำหรับแสดงผล: Roca Two (หรือแบบอักษร serif หนาๆ ที่คล้ายกัน)**

- ลักษณะเด่น: ตัวอักษรแบบมีเชิงที่ดูหนา เป็นมิตร และมีลักษณะโค้งมน

- น้ำหนักตัวอักษร: หนา/หนัก

- การใช้งาน: ใช้สำหรับชื่อสไลด์ทั้งหมด หัวข้อหลัก และหัวข้อส่วนต่างๆ

- ใช้แบบอักษรเดียวกัน

**แบบอักษรหลัก: Poppins (หรือ Inter)**

- คุณลักษณะ: แบบอักษร sans-serif ที่สะอาดตา ทันสมัย ​​และอ่านง่ายมาก

- น้ำหนัก: ปกติ (400) สำหรับลำตัว, ปานกลาง (500) สำหรับเน้นส่วนต่างๆ

- การใช้งาน: ข้อความหลักทั้งหมด, คำบรรยายย่อย, คำบรรยายภาพ, หมายเลขหน้า, ข้อความโลโก้

- ใช้แบบอักษรเดียวกัน

### ลำดับชั้นของการกำหนดขนาดตัวอักษร

**หัวข้อขนาดใหญ่พิเศษ** (สไลด์หน้าปก, ตัวแบ่งส่วนหลัก)

- แบบอักษร: **Roca Two**

- ขนาด: 72-96pt

- สี: `#2B2B2B`

- การใช้งาน: "ชื่อเรื่องหลัก", "ขอบคุณ", "วาระการประชุม"

**หัวข้อขนาดใหญ่** (ชื่อหัวข้อสไลด์เนื้อหา)

- แบบอักษร: **Roca Two**

- ขนาด: 48-60pt

- สี: `#2B2B2B`

- ตัวอย่างการใช้งาน: "วิสัยทัศน์ของเรา", "การวางตำแหน่งแบรนด์", "คุณคิดอย่างไรเกี่ยวกับเรื่องนี้?"

**เนื้อหาหลัก** (ย่อหน้า คำอธิบาย)

- แบบอักษร: Poppins Regular

- ขนาด: 18-24pt

- สี: `#2B2B2B`

- ความสูงของเส้น: 1.6-1.8

- การใช้งาน: เนื้อหาทุกย่อหน้า คำอธิบาย

**ข้อความขนาดเล็ก** (หมายเลขหน้า, ส่วนท้ายหน้า, คำบรรยายภาพ)

- แบบอักษร: Poppins Regular

- ขนาด: 16-18pt

- สี: `#2B2B2B`

- การใช้งาน: "หน้า X", URL ของเว็บไซต์, ที่อยู่อีเมล

**ข้อความบนปุ่ม/เม็ดยา**

- แบบอักษร: Poppins Regular หรือ Medium

- ขนาด: 20-24pt

- สี: `#2B2B2B`

- การใช้งาน: ใส่ข้อความไว้ด้านในปุ่มทรงกลมคล้ายเม็ดยา

### กฎการจัดวางตัวอักษร

- ห้ามใช้ฟอนต์แบบมีเชิงผสมกัน - ใช้เฉพาะ **Roca Two** สำหรับการแสดงผลเท่านั้น

- ห้ามใช้แบบอักษร Serif สำหรับข้อความหลัก ให้ใช้แบบอักษร Poppins เท่านั้น

- รักษาความสูงของบรรทัดให้สม่ำเสมอ (1.6-1.8) เพื่อให้อ่านง่าย

- ข้อความทั้งหมดต้องเป็น `#2B2B2B` เท่านั้น ไม่มีข้อยกเว้น

- เว้นระยะห่างระหว่างย่อหน้าให้เหมาะสม (24-32pt)

## ระบบการจัดวางเลย์เอาต์

### โครงสร้างส่วนหัวทั่วโลก

**ภาพหน้าปกเท่านั้น (หน้า 1):**

**ส่วนหัวด้านซ้าย:**

- โลโก้

- ขนาด: เส้นผ่านศูนย์กลาง 32-40 pt

- สี: ขอบสีดำ `#2B2B2B`

- ตำแหน่ง: ห่างจากขอบซ้าย 60-80 พิกเซล และห่างจากด้านบน 60-80 พิกเซล

- ระยะห่าง: 12-16 พิกเซล ระหว่างโลโก้และข้อความ

**องค์ประกอบส่วนหัวด้านขวา:**

- แบบอักษร: Poppins Regular, ขนาด 16-18pt

- สี: `#2B2B2B`

- ตำแหน่ง: ห่างจากขอบด้านขวา 60-80 พิกเซล และห่างจากด้านบน 60-80 พิกเซล

- การจัดวาง: จัดชิดขวา

**ตัวแบ่งส่วนหัว:**

- เส้นแนวนอนบางๆ

- น้ำหนัก: 1-2 เพนนี

- สี: `#2B2B2B`

- ตำแหน่ง: อยู่ด้านล่างส่วนหัวของเอกสาร โดยวางเต็มความกว้างและมีระยะขอบ

- ระยะห่างจากขอบ: 60-80 พิกเซล ด้านซ้ายและขวา

**สไลด์เนื้อหา (หน้า 2-4) และสไลด์ปิดท้าย (หน้า 5):**

- ไม่มีโลโก้ YouMind

- มีเฉพาะข้อความ "หน้า X" เท่านั้น

- ตำแหน่ง: มุมบนขวา ด้านล่างตรงกลาง หรือตำแหน่งอื่นๆ ที่ดูไม่เด่นจนเกินไป

- ไม่มีเส้นแบ่งส่วนหัว

- มีพื้นที่แนวตั้งมากขึ้นสำหรับเนื้อหา

### ระบบมาร์จิน

**ระยะขอบมาตรฐาน:**

- ด้านบน: 60-80 พิกเซล (ด้านล่างเส้นแบ่งส่วนหัว ให้เพิ่มอีก 40-60 พิกเซล)

- ด้านล่าง: 60-80 พิกเซล

- ซ้าย: 80-100 พิกเซล

- ด้านขวา: 80-100 พิกเซล

**ส่วนเนื้อหา:**

- หลังจากหักส่วนหัวและระยะขอบแล้ว พื้นที่เนื้อหาจะมีขนาดโดยประมาณกว้าง 1200-1280 พิกเซล × สูง 600-680 พิกเซล (สำหรับอัตราส่วน 16:9 ที่ความละเอียด 1920×1080 พิกเซล)

## องค์ประกอบภาพ

### รูปทรงเรขาคณิตที่วาดด้วยมือ

**การออกแบบหลัก:**

- รูปแบบ: รูปสี่เหลี่ยมผืนผ้าและสี่เหลี่ยมจัตุรัสที่ไม่สมบูรณ์แบบ วาดด้วยมือ

- ความหนาของเส้น: 2-3pt

- สี: ดำ `#2B2B2B`

- คุณภาพ: เป็นธรรมชาติ ลายเส้นไม่ตรงเป๊ะ (ไม่ลื่นไหลอย่างสมบูรณ์)

- การเชื่อมต่อ: เส้นที่เชื่อมต่อรูปทรงต่างๆ ในมุมที่แตกต่างกัน

**ปมประสาทวงกลม:**

- รูปทรง: วงกลมสมบูรณ์แบบ

- ขนาด: เส้นผ่านศูนย์กลาง 24-40 pt

- สีเติม: สีทึบ - เลือกได้ระหว่าง `#5B7FFF` (สีน้ำเงิน) หรือ `#C9B568` (สีทอง)

- ตำแหน่ง: บริเวณจุดเชื่อมต่อและมุมของรูปทรงเรขาคณิต

- ลวดลาย: สลับสีน้ำเงินและสีทองเพื่อความหลากหลาย

**กฎเกณฑ์การจัดวาง:**

- จัดวางตำแหน่งที่มุมของสไลด์ (บนซ้าย บนขวา ล่างซ้าย ล่างขวา)

- ห้ามทับซ้อนกับเนื้อหาข้อความ

- เว้นระยะห่าง 40-60 พิกเซลจากพื้นที่เนื้อหา

- สร้างความสมดุลทางสายตา - ถ้าด้านซ้ายมีรูปทรง ด้านขวาก็ควรมีรูปทรงเช่นกัน

- รูปแบบทั่วไป: สี่เหลี่ยมผืนผ้าที่เชื่อมต่อกัน 2-4 รูป โดยมีจุดเชื่อมต่อเป็นวงกลม 3-6 จุด

### กระดุมเม็ดกลม

**ข้อกำหนดด้านการออกแบบ:**

- รูปทรง: สี่เหลี่ยมผืนผ้าขอบมน (ทรงแคปซูลยา)

- ขอบ: สีดำทึบ 2pt `#2B2B2B`

- สีเติม: โปร่งใส หรือ `#E8E6E3` (สีเดียวกับพื้นหลัง)

- รัศมีขอบ: รัศมีเต็มความสูง (รูปทรงแคปซูลที่สมบูรณ์แบบ)

- ระยะห่างภายใน: 16-24 พิกเซลแนวนอน, 12-16 พิกเซลแนวตั้ง

- ตัวอักษร: Poppins Regular, ขนาด 20-24pt, `#2B2B2B`

**วิธีใช้:**

- องค์ประกอบการนำทางบนสไลด์วาระการประชุม

- ปุ่มกระตุ้นการดำเนินการ

- ป้ายกำกับส่วนต่างๆ

- วาดเส้นขอบเสมอ ไม่เคยลงสี

**สถานะเมื่อวางเมาส์เหนือ/ใช้งาน (หากมีการโต้ตอบ):**

- สีที่ใช้: `#5B7FFF` (สีน้ำเงิน)

- ข้อความ: สีขาว `#FFFFFF`

- ขอบ: `#5B7FFF`

### ตารางจุดตกแต่ง

**ข้อมูลจำเพาะ:**

- จุด: วงกลมขนาดเล็ก เส้นผ่านศูนย์กลาง 3-4 พอยต์

- สี: `#2B2B2B`

- รูปแบบ: ตารางปกติ ระยะห่าง 12-16 พิกเซล

- รูปแบบการจัดเรียง: ตาราง 6×6 หรือ 8×8

- ตำแหน่ง: มุมบนขวา ห่างจากขอบ 100-150 พิกเซล

- วิธีใช้: ใช้เป็นส่วนเสริมเพื่อเพิ่มความน่าสนใจโดยไม่ทำให้ดูรกจนเกินไป

### ไอคอน (ใช้งานน้อยที่สุด)

**สไตล์:**

- ภาพลายเส้นเท่านั้น ไม่มีการเติมสี

- น้ำหนัก: 2-3 เพนนี

- สี: `#2B2B2B`

- ขนาด: 48-64pt

- ตัวอย่าง: ไอคอนรูปตา (วิสัยทัศน์), เป้าหมาย/เส้นเล็ง (ภารกิจ)

- วิธีใช้: ใช้เท่าที่จำเป็นและเมื่อต้องการเน้นย้ำแนวคิดเฉพาะเจาะจงเท่านั้น

## ระบบภาพประกอบตัวละคร

### ข้อกำหนดการออกแบบตัวละคร

**โครงสร้างพื้นฐาน:**

- ภาพประกอบลายเส้นวาดมือแบบมินิมอลของตัวละครมนุษย์สีขาวเรียบง่าย ตัวละครมีหัวกลมยาว ดวงตาเป็นจุดสีดำเล็กๆ สองจุด และจมูกแหลมเด่นชัด ไม่มีนิ้วมือหรือนิ้วเท้าที่ชัดเจน สวมผ้าพันคอสีน้ำเงินหนาและยาว (หรืออาจเปลี่ยนเป็น 'ผ้าพันคอสีมัสตาร์ดทอง') พันรอบคอโดยมีปลายผ้าพันคอห้อยลงมา สไตล์การวาดใช้เส้นขอบสีดำหนาและมีพื้นผิว และสีพื้นเรียบๆ โดยไม่มีการแรเงา บนพื้นหลังสีขาวนวล ตัวละครคือ [ตามบริบท]

**สีน้ำเงิน (สำคัญมาก):**

- องค์ประกอบ: ผ้าพันคอ เสื้อ หรือเครื่องแต่งกาย

- สี: `#5B7FFF` (สีน้ำเงินสดใส)

- สไตล์: ภาพวาดด้วยมือ รูปทรงอินทรีย์ที่พลิ้วไหว

- ขอบเขตการครอบคลุม: 15-25% ของตัวละคร

- วัตถุประสงค์: สร้างเอกลักษณ์ของแบรนด์ สร้างความน่าสนใจทางด้านภาพ และสร้างการเคลื่อนไหว

**ความสอดคล้องของสไตล์:**

- คุณภาพที่วาดด้วยมือเสมอ (เส้นสายเป็นธรรมชาติ ไม่สมบูรณ์แบบ)

- ควรใส่สีฟ้าเป็นองค์ประกอบเน้นเสมอ

- รักษาความหนาของเส้นให้เท่ากันในทุกตัวอักษร

- รักษาอัตราส่วนให้สม่ำเสมอในทุกท่าทาง

### แนวทางการวาดภาพประกอบแบบมินิมัลลิสต์

**เน้นความเรียบง่ายเป็นอันดับแรก:**

- ภาพประกอบทั้งหมดควรเรียบง่ายและกระชับที่สุด

- ความสูงของตัวอักษรไม่ควรเกิน 120pt (ประมาณ 10-12% ของความสูงของสไลด์)

- องค์ประกอบทางเรขาคณิตควรมีขนาดเล็กและจำกัดอยู่เฉพาะบริเวณมุมเท่านั้น

- พื้นที่ภาพประกอบโดยรวมควรน้อยกว่า 15% ของพื้นที่สไลด์ทั้งหมด

- หลีกเลี่ยงภาพวาดที่ซับซ้อนหรือมีรายละเอียดมากเกินไป

**พื้นที่ว่างและลมหายใจ:**

- เว้นพื้นที่ว่างสีขาวให้เพียงพอตลอดทั้งสไลด์

- ข้อความควรใช้พื้นที่เพียง 50-55% ของพื้นที่เนื้อหาทั้งหมด (โดยทั่วไปจะอยู่ด้านซ้าย)

- ด้านขวาควรเว้นว่างไว้เป็นส่วนใหญ่เพื่อให้มองเห็นได้ชัดเจนขึ้น

- เว้นระยะขอบด้านกว้างทุกด้าน: อย่างน้อย 100 พิกเซล โดยควรเป็น 100-120 พิกเซล

- ภาพประกอบต้องอยู่เฉพาะมุมล่างขวาเท่านั้น และต้องอยู่ห่างจากขอบอย่างน้อย 100 พิกเซล

**การจัดวางองค์ประกอบให้สมดุล:**

- บริเวณตรงกลางของสไลด์ควรสะอาดและว่างเปล่า

- หลีกเลี่ยงการวางสิ่งของรกหรือการใช้พื้นที่จนเต็ม

- ใช้พื้นที่ว่างอย่างมีกลยุทธ์เพื่อสร้างจุดสนใจและความชัดเจน

- น้อยแต่มาก: ลบองค์ประกอบภาพที่ไม่จำเป็นออกไป

- ให้ความสำคัญกับความอ่านง่ายและพื้นที่ใช้สอยมากกว่าการตกแต่ง