Slide Deck Guidelines
สไลด์คือหน้าตาของ B.Grimm ในห้องประชุมและเวทีสาธารณะ — ต้องดู Sophisticated · Trustworthy · Clean · Minimal และพร้อมขึ้นจอ boardroom ได้ทันที ยึดหลัก หนึ่งสไลด์ = หนึ่งความคิดหลัก เสมอ
หลักการพื้นฐาน
- Readability first — ห้ามใช้ฟอนต์เล็กเกินไป body ในสไลด์ที่ฉายขึ้นจอห้ามต่ำกว่า 18pt เด็ดขาด
- Concise — ใช้ bullet point สั้นๆ หลีกเลี่ยง wall of text จำกัดไม่เกิน ~6 บรรทัด/สไลด์ และ ~8 คำ/บรรทัด
- Visual hierarchy: Slide title ใหญ่ ตัวหนา ชิดซ้ายบน สีส้ม primary (
#FF6727) เท่านั้น (ขนาดใหญ่นี้ผ่านเกณฑ์ contrast) ส่วน subtitle ใช้ Dark Grey (#63666F) ไม่ใช่สีส้ม - ห้าม generate footer, confidentiality text, หรือเลขหน้าโดยอัตโนมัติ — สิ่งเหล่านี้ทีมแบรนด์คุมเอง
- 60-30-10 — พื้นหลังขาว/off-white เป็นหลัก, เทาสำหรับโครงสร้าง/ตัวอักษร, ส้มเฉพาะจุดเน้น (ดู Color Palette)
Master Template Rules
- สัดส่วน 16:9 เป็นค่ามาตรฐาน (1920×1080) — ไม่ใช้ 4:3 เว้นแต่ลูกค้ากำหนด
- Safe margin: เว้นขอบทุกด้านอย่างน้อยเท่ากับ
space.12(48px/≈0.5") — องค์ประกอบสำคัญห้ามชิดขอบจอ - ตำแหน่ง placeholder คงที่ทุกสไลด์: title มุมซ้ายบน, เนื้อหาอยู่ใต้ title, โลโก้ B.Grimm (Plain version) มุมเดียวกันทุกหน้าตาม Clear Space & Sizing
- ตั้งค่า master slide ล่วงหน้าใน theme file (ดู Slide Theme Files) เพื่อไม่ต้องจัดเองทุกครั้ง
Font Size ต่อระดับ
ฟอนต์ตามบริบทของช่องทางเผยแพร่ (ดู Typography) — .pptx/Google Slides/PDF ส่งลูกค้า ใช้บริบทที่ 1 (Sarabun + Source Serif Pro หัวข้อ / Kanit + Open Sans เนื้อความ) ส่วน สไลด์ HTML ในเบราว์เซอร์ ใช้บริบทที่ 2 (Noto Sans Thai + Source Serif Pro semibold สำหรับหัวข้ออังกฤษ)
ถ้าต้องส่งไฟล์ .pptx/.key ให้คนนอกเปิดหรือฉายบนเครื่องที่ไม่รู้จักว่ามีฟอนต์แบรนด์หรือไม่ — ใช้ Times New Roman สำหรับหัวข้อ และ Arial สำหรับเนื้อหาทั้งหมด สองฟอนต์นี้เป็นมาตรฐานของ Office ทุกเครื่อง เปิดที่ไหนก็ไม่เสียรูปแบบ
| ระดับ | ขนาด (16:9) | น้ำหนัก | สี |
|---|---|---|---|
| Slide title | 36–44pt | Bold (700) | #FF6727 |
| Subtitle / section label | 24–28pt | Semibold (600) | #63666F |
| Body / bullet | 18–24pt | Regular (400) | #63666F |
| Caption / source line | 14–16pt | Regular (400) | #989AA5 |
Slide Types
- Title (cover) — โลโก้ + หัวข้อใหญ่กลาง/ซ้าย + subtitle เทาเข้ม พื้นขาวหรือภาพ full-bleed ที่เว้น negative space ให้ข้อความ ห้ามใส่เลขหน้า
- Content — title ส้มชิดซ้ายบน + bullet เทาเข้ม จำกัดหนึ่งความคิดต่อสไลด์
- Section divider — พื้นขาวหรือ Dark Grey เต็มจอ + หัวข้อใหญ่กลางจอ ใช้แบ่งช่วงเรื่อง
- Data — หนึ่งกราฟ/หนึ่งข้อความหลักต่อสไลด์ พร้อม source line (ดูหัวข้อ Chart Integration)
- Closing — ข้อความปิด/ขอบคุณ + ช่องทางติดต่อ
brand@bgrimmgroup.comโทนสุภาพ Compassionate ไม่ hard-sell
Image Placement
- ภาพต้อง photorealistic + cinematic ตาม AI Usage Principles — ห้ามสไตล์การ์ตูน/stock ราคาถูก
- Full-bleed ได้เมื่อภาพเป็นพระเอก แต่ต้องเว้น negative space ให้ข้อความอ่านออก (ซ้อน overlay เทาเข้มโปร่งแสงถ้าจำเป็น)
- ห้ามยืดภาพผิดสัดส่วน และห้ามวางตัวอักษรบนบริเวณภาพที่รก contrast ต่ำ
Chart Integration
- เลือกชนิดกราฟจาก data intent ตาม Chart Selection Rules — หนึ่งกราฟต่อสไลด์
- สีและฟอนต์กราฟตาม Chart.js Theme (สำหรับสไลด์ HTML) หรือจับคู่สี palette เดียวกันในกราฟ native ของ PowerPoint/Slides
- label ค่าตรงบนกราฟเมื่อทำได้ ลด legend/gridline ที่ไม่จำเป็น + ใส่ที่มาข้อมูลใต้กราฟเสมอ
AI Generation Guidelines
- ใช้ AI ช่วยร่าง โครง/ลำดับเรื่อง (outline) และตัวเลือกถ้อยคำ ไม่ใช่สั่งให้ generate ทั้ง deck สำเร็จรูปแล้ว publish ตรง
- Human-in-the-loop เสมอ — คนต้อง review/approve ก่อนใช้จริง ตาม AI Usage Principles
- ห้ามให้ AI แต่งตัวเลข/สถิติเอง (hallucinate) — fact-check ทุกข้ออ้าง และอ้างอิงแหล่งที่มา
- ห้ามให้ AI generate โลโก้, footer, confidentiality text หรือเลขหน้า — ใช้ official asset และให้ทีมแบรนด์คุมเอง
Do / Don't
| ✅ Do | ❌ Don't |
|---|---|
| หนึ่งความคิดหลักต่อสไลด์ | ยัดหลายประเด็นในหน้าเดียว |
Title ส้ม #FF6727 ชิดซ้ายบน | ใช้ส้มกับ body text ยาวๆ (contrast ตก) |
| body ≥ 18pt อ่านออกจากหลังห้อง | ฟอนต์เล็กเพื่ออัดเนื้อหาให้ครบ |
| ตำแหน่ง placeholder คงที่ทุกสไลด์ | ย้าย title/โลโก้ไปมาแต่ละหน้า |
| หนึ่งกราฟ/สไลด์ + ที่มาข้อมูล | กราฟรกหลายชุดในหน้าเดียวไม่มี source |
| AI ช่วยร่าง แล้วคน review | Auto-publish deck จาก AI ตรงเข้าช่องทางจริง |
Live Slide Previews
Title slide: โลโก้มุมซ้ายบน · หัวข้อใหญ่สีส้ม #FF6727 · subtitle เทาเข้ม #63666F · ไม่มีเลขหน้า
Content slide: title ส้มชิดซ้ายบน · bullet เทาเข้ม ≥18pt · จำกัด ~4-6 ข้อต่อสไลด์
Data slide: หนึ่งกราฟ/หนึ่ง KPI ต่อสไลด์ · มีที่มาข้อมูลใต้กราฟ · ใช้สีจาก brand palette เท่านั้น
รายละเอียดไฟล์ theme จริงและสเปก master slide ดูที่ Slide Theme Files — มีคำถามติดต่อ brand@bgrimmgroup.com