## Bảng màu

### Màu cơ bản

**Lý lịch**

- Màu sắc: `#f2f2f0`

- Mô tả: Màu trắng nhạt trung tính, sạch sẽ và tối giản.

- Cách sử dụng: Áp dụng cho tất cả các hình nền slide, không có ngoại lệ.

**Văn bản và dòng chính**

- Màu sắc: `#2B2B2B` hoặc `#1A1A1A`

- Mô tả: Màu xám rất đậm, gần như đen.

- Cách sử dụng: Toàn bộ nội dung văn bản, đường phân cách tiêu đề, đường viền hình học, đường viền ký tự.

### Màu nhấn

**Xanh dương rực rỡ**

- Màu sắc: `#5B7FFF` (hoặc màu khác: `#4D6FE8`)

- Mô tả: Màu xanh lam sáng vừa phải, tràn đầy năng lượng.

- Ứng dụng: Các nút tròn trên hình học, quần áo/khăn quàng cổ của nhân vật, họa tiết nút áo, các chấm trang trí.

**Vàng nhạt**

- Màu sắc: `#C9B568` (hoặc `#D4C17A`)

- Mô tả: Tông màu vàng mù tạt/vàng ấm áp

- Cách sử dụng: Các nút tròn trên các hình học (xen kẽ với màu xanh lam), điểm nhấn trang trí.

### Quy tắc ứng dụng màu sắc

- Hình nền LUÔN LUÔN là `#E8E6E3`

- Văn bản LUÔN LUÔN là `#2B2B2B`

- Màu xanh lam và vàng CHỈ được sử dụng cho các nút tròn và các điểm nhấn ký tự.

- Tuyệt đối không sử dụng màu xanh lam hoặc vàng làm màu nền lớn hoặc màu chữ.

- Duy trì độ tương phản cao giữa văn bản và nền

## Hệ thống kiểu chữ

### Các kiểu phông chữ

**Phông chữ hiển thị chính: Roca Two (hoặc phông chữ serif đậm tương tự)**

- Đặc điểm: Phông chữ serif đậm, thân thiện với các đường cong mềm mại.

- Độ đậm: Đậm/Cao

- Cách sử dụng: Tất cả tiêu đề slide, tiêu đề chính, tiêu đề phần.

- Giữ nguyên phông chữ

**Phông chữ chính: Poppins (hoặc Inter)**

- Đặc điểm: Phông chữ sans-serif hiện đại, gọn gàng với khả năng đọc tuyệt vời.

- Trọng lượng: Thường (400) cho cơ thể, Trung bình (500) để nhấn mạnh

- Cách sử dụng: Toàn bộ văn bản chính, phụ đề, chú thích, số trang, văn bản logo.

- giữ nguyên phông chữ

### Thứ tự ưu tiên kích thước phông chữ

**Tiêu đề cỡ lớn** (Trang bìa, các phần chính)

- Phông chữ: **Roca Two**

- Kích thước: 72-96pt

- Màu sắc: `#2B2B2B`

- Cách dùng: "Tiêu đề chính", "Cảm ơn", "Chương trình nghị sự"

**Tiêu đề lớn** (Tiêu đề các slide nội dung)

- Phông chữ: **Roca Two**

- Kích thước: 48-60pt

- Màu sắc: `#2B2B2B`

- Cách dùng: "Tầm nhìn của chúng tôi", "Định vị thương hiệu", "Bạn quan tâm đến điều gì?"

**Nội dung chính** (Đoạn văn, mô tả)

- Phông chữ: Poppins Regular

- Kích thước: 18-24pt

- Màu sắc: `#2B2B2B`

- Độ cao đường kẻ: 1.6-1.8

- Cách sử dụng: Toàn bộ nội dung đoạn văn, mô tả

**Chữ nhỏ** (Số trang, chân trang, chú thích)

- Phông chữ: Poppins Regular

- Kích thước: 16-18pt

- Màu sắc: `#2B2B2B`

- Cách sử dụng: "Trang X", URL trang web, địa chỉ email

**Văn bản nút/viên thuốc**

- Phông chữ: Poppins Regular hoặc Medium

- Kích thước: 20-24pt

- Màu sắc: `#2B2B2B`

- Cách sử dụng: Văn bản bên trong các nút hình viên thuốc bo tròn

### Quy tắc về kiểu chữ

- Không bao giờ trộn lẫn các phông chữ serif - chỉ sử dụng **Roca Two** để hiển thị

- Tuyệt đối không dùng kiểu chữ serif cho văn bản chính - chỉ dùng kiểu chữ Poppins.

- Duy trì chiều cao dòng nhất quán (1.6-1.8) để dễ đọc.

- Tất cả văn bản phải là `#2B2B2B` - không có ngoại lệ

- Khoảng cách giữa các đoạn văn rộng rãi (24-32pt)

## Hệ thống bố cục

### Cấu trúc tiêu đề toàn cầu

**Chỉ ảnh bìa (Trang 1):**

**Phần tử tiêu đề bên trái:**

- Logo

- Kích thước: Đường kính 32-40pt

- Màu sắc: Viền đen `#2B2B2B`

- Vị trí: Cách mép trái 60-80px, cách mép trên 60-80px

- Khoảng cách: 12-16px giữa logo và văn bản

**Phần tử tiêu đề bên phải:**

- Phông chữ: Poppins Regular, 16-18pt

- Màu sắc: `#2B2B2B`

- Vị trí: Cách mép phải 60-80px, cách mép trên 60-80px

- Căn chỉnh: Căn phải

**Dấu phân cách đầu trang:**

- Đường ngang mỏng

- Trọng lượng: 1-2 pound

- Màu sắc: `#2B2B2B`

- Vị trí: Nằm bên dưới các phần tử tiêu đề, trải rộng toàn bộ chiều ngang với lề

- Lề từ các cạnh: 60-80px trái và phải

**Các slide nội dung (Trang 2-4) và slide kết thúc (Trang 5):**

- Không có logo YouMind

- Chỉ văn bản "Trang X"

- Vị trí: Góc trên bên phải, chính giữa phía dưới, hoặc vị trí kín đáo khác.

- Không có đường phân cách tiêu đề

- Có nhiều không gian theo chiều dọc hơn cho nội dung

### Hệ thống ký quỹ

**Lề tiêu chuẩn:**

- Phía trên: 60-80px (phía dưới đường phân cách tiêu đề thêm 40-60px nữa)

- Phần dưới: 60-80px

- Bên trái: 80-100px

- Bên phải: 80-100px

**Lĩnh vực nội dung:**

- Sau khi tính cả phần đầu trang và lề, diện tích nội dung xấp xỉ 1200-1280px chiều rộng × 600-680px chiều cao (đối với tỷ lệ 16:9 ở độ phân giải 1920×1080)

## Các yếu tố hình ảnh

### Các hình dạng hình học vẽ tay

**Thiết kế cốt lõi:**

- Phong cách: Những hình chữ nhật và hình vuông vẽ tay không hoàn hảo.

- Độ dày đường kẻ: 2-3pt

- Màu sắc: Đen `#2B2B2B`

- Chất lượng: Tự nhiên, các đường nét hơi lượn sóng (không hoàn toàn thẳng)

- Kết nối: Các đường thẳng nối các hình dạng ở nhiều góc độ khác nhau.

**Các nút tròn:**

- Hình dạng: Hình tròn hoàn hảo

- Kích thước: Đường kính 24-40pt

- Màu nền: Màu đơn sắc - hoặc `#5B7FFF` (xanh dương) hoặc `#C9B568` (vàng)

- Vị trí: Tại các điểm nối và góc của các hình học.

- Họa tiết: Kết hợp xen kẽ màu xanh lam và vàng để tạo sự đa dạng.

**Quy tắc xếp lớp:**

- Đặt ở các góc của slide (trên cùng bên trái, trên cùng bên phải, dưới cùng bên trái, dưới cùng bên phải)

- Không bao giờ chồng lấn với nội dung văn bản

- Giữ khoảng cách 40-60px so với khu vực nội dung

- Tạo sự cân bằng thị giác - nếu phía bên trái có hình khối, phía bên phải cũng nên có.

- Cách bố trí điển hình: 2-4 hình chữ nhật nối liền nhau với 3-6 nút tròn.

### Nút hình viên thuốc bo tròn

**Thông số kỹ thuật thiết kế:**

- Hình dạng: Hình chữ nhật bo tròn (hình viên thuốc)

- Viền: Màu đen đặc 2pt `#2B2B2B`

- Màu nền: Trong suốt hoặc `#E8E6E3` (giống màu nền)

- Bán kính viền: Bán kính toàn chiều cao (hình viên thuốc hoàn hảo)

- Khoảng cách lề: 16-24px theo chiều ngang, 12-16px theo chiều dọc

- Văn bản: Poppins Regular, 20-24pt, `#2B2B2B`

**Cách sử dụng:**

- Các yếu tố điều hướng trên các slide chương trình nghị sự

- Nút kêu gọi hành động

- Nhãn phần

- Luôn được vẽ viền, không bao giờ được tô màu

**Trạng thái khi di chuột/hoạt động (nếu có tương tác):**

- Màu nền: `#5B7FFF` (xanh dương)

- Văn bản: Màu trắng `#FFFFFF`

- Viền: `#5B7FFF`

### Lưới chấm trang trí

**Thông số kỹ thuật:**

- Chấm: Các vòng tròn nhỏ, đường kính 3-4 pt

- Màu sắc: `#2B2B2B`

- Kiểu bố cục: Lưới đều, khoảng cách 12-16px

- Cách bố trí: lưới 6×6 hoặc 8×8

- Vị trí: Góc trên bên phải, cách mép 100-150px

- Cách sử dụng: Điểm nhấn tùy chọn, tạo thêm điểm nhấn thị giác mà không làm lu mờ các yếu tố khác.

### Biểu tượng (Sử dụng tối thiểu)

**Phong cách:**

- Chỉ có đường nét, không tô màu

- Trọng lượng: 2-3 pound

- Màu sắc: `#2B2B2B`

- Kích thước: 48-64pt

- Ví dụ: Biểu tượng con mắt (tầm nhìn), mục tiêu/tâm ngắm (nhiệm vụ)

- Cách sử dụng: Hạn chế, chỉ sử dụng khi cần củng cố các khái niệm cụ thể.

## Hệ thống minh họa nhân vật

### Thông số kỹ thuật thiết kế nhân vật

**Cấu trúc cơ bản:**

- Một bức tranh minh họa tối giản, vẽ tay theo phong cách doodle về một nhân vật hình người màu trắng đơn giản. Nhân vật này có đầu tròn, dài, hai chấm đen nhỏ làm mắt và một chiếc mũi nhọn nổi bật. Nó không có ngón tay hay ngón chân rõ ràng. Nó đang đeo một chiếc khăn quàng cổ màu xanh đậm, dày và dài [tùy chọn: thay thế bằng 'khăn quàng cổ màu vàng mù tạt'] quấn quanh cổ với phần đuôi buông xuống. Phong cách nghệ thuật sử dụng các đường viền bằng bút dạ đen dày, có kết cấu và màu sắc phẳng không có bóng, trên nền trắng nhạt. Nhân vật này là [tùy thuộc vào ngữ cảnh]

**Điểm nhấn màu xanh dương (QUAN TRỌNG):**

- Thành phần: Khăn quàng cổ, áo sơ mi hoặc vật dụng quần áo

- Màu sắc: `#5B7FFF` (xanh dương rực rỡ)

- Phong cách: Vẽ tay, các hình dạng hữu cơ uyển chuyển.

- Độ bao phủ: 15-25% của nhân vật

- Mục đích: Nhận diện thương hiệu, thu hút thị giác, tạo sự chuyển động.

**Tính nhất quán về phong cách:**

- Luôn giữ chất lượng vẽ tay (đường nét tự nhiên, không hoàn hảo)

- Luôn bao gồm yếu tố nhấn màu xanh lam

- Duy trì độ dày đường kẻ đồng nhất cho tất cả các ký tự

- Giữ tỷ lệ nhất quán giữa các tư thế

### Hướng dẫn minh họa tối giản

**Ưu tiên sự đơn giản:**

- Giữ cho tất cả các hình minh họa cực kỳ đơn giản và tối giản.

- Chiều cao chữ không được vượt quá 120pt (khoảng 10-12% chiều cao slide)

- Các yếu tố hình học nên nhỏ và chỉ giới hạn ở các góc.

- Tổng diện tích hình minh họa không được vượt quá 15% diện tích slide.

- Tránh các bản vẽ phức tạp hoặc chi tiết.

**Không gian và sự thoáng đãng:**

- Duy trì khoảng trắng rộng rãi trên toàn bộ slide

- Văn bản chỉ nên chiếm 50-55% diện tích nội dung (thường là phía bên trái).

- Phía bên phải nên để trống phần lớn để tạo không gian thoáng đãng về mặt thị giác.

- Lề rộng ở tất cả các phía: tối thiểu 100px, tốt nhất là 100-120px

- Hình minh họa chỉ được giới hạn ở góc dưới bên phải, cách mép ít nhất 100px.

**Cân bằng bố cục:**

- Phần giữa của lam kính phải sạch và trống.

- Tránh bày biện lộn xộn hoặc lấp đầy mọi không gian có sẵn

- Sử dụng khoảng trắng một cách chiến lược để tạo điểm nhấn và sự rõ ràng.

- Ít hơn là tốt hơn: loại bỏ các yếu tố hình ảnh không cần thiết.

- Ưu tiên tính dễ đọc và không gian thoáng đãng hơn là trang trí.