64 docs tagged with "active"

Mood/scenario: A. Everyday Corporate & Collaboration

ตาราง contrast ratio ตาม WCAG และกฎการใช้สีกับตัวอักษร

ไฟล์สีสำหรับทีมสื่อสิ่งพิมพ์

AI ทำอะไรกับแบรนด์ได้/ไม่ได้

หลักการ animation และ reduced-motion accessibility

รูปประจำตัว, ตัวบ่งชี้สถานะออนไลน์, รายการ

Mood/scenario: B. Visionary & Innovation

สถานะ badge, tag, chip มาตรฐาน

กฎการตั้งชื่อแบรนด์และโครงสร้างแบรนด์ลูก

สีที่ปลอดภัยสำหรับกล้อง/การถ่ายทอดสด

สไตล์ปุ่มและการ์ดมาตรฐาน

Mood/scenario: C. Strategic & Technological Integration

กฎเลือกชนิดกราฟตาม data intent

ธีมสี/ฟอนต์ Chart.js ของแบรนด์

ลิงก์ไป SKILL.md + references bundle

พื้นที่ว่างรอบโลโก้และขนาดต่ำสุด

สีหลักของแบรนด์ B.Grimm และกฎการใช้งาน 60-30-10

ตาราง token สี + hex + contrast ratio ในที่เดียว

โครงสร้าง component ใน Figma

override MUI component ให้ตรง B.Grimm look

ผู้ดูแล วิธีขอ asset ใหม่ และ version history

สารมาตรฐานและ boilerplate ที่ได้รับอนุมัติ — คัดลอกไปใช้ได้เลย

การ map token เข้า CSS variable ตรงๆ

Mood/scenario: D. B.Grimm Power Specific (Energy)

รูปแบบการจัด layout เมื่อมีหลายกราฟในหน้าเดียว

ตารางข้อมูลและตารางกริดมาตรฐาน

ฟอนต์สำหรับเว็บ/แอป/UI และดีไซน์ระบบ

ตัวอย่างภาพที่ผ่าน/ไม่ผ่าน พร้อมเหตุผล

รวมลิงก์ไฟล์จริงที่ดาวน์โหลดได้

Mood/scenario: E. People Partnership & HR

Mood/scenario: F. Digital Events & Cyber Heritage

sync token เข้า Figma Variables/Tokens Studio

สไตล์ฟอร์มและ input field

Mood/scenario: G. Corporate Portraits & Headshots

โครง HTML เริ่มต้นสำหรับหน้า single-file

วิธีใช้ tool เจนภาพ (Flow/Veo, Kling, Runway)

กฎ layout, grid, และพฤติกรรม navigation

ข้อห้ามในการใช้งานโลโก้ และกฎสำหรับ AI image generation

หลักการใช้งานโลโก้ Garuda และ Plain version

สไตล์ lower-third, title card, overlay

รวมภาพตัวอย่าง/reference ต่อ scenario

createTheme() object จาก token

หลักการเว้นพื้นที่ให้ใส่โลโก้ทีหลัง

skill file คืออะไร โหลดเข้าเครื่องมือไหนได้บ้าง

แนะนำภาพรวม brand guideline และวิธีใช้เอกสารนี้

หลักการร่วมของภาพถ่ายแบรนด์ B.Grimm

แนวคิดหลักของ design system

ฟอนต์สำหรับงานพิมพ์/สิ่งพิมพ์/เอกสารทางการ

prompt พร้อมใช้ต่อ scenario

prompt block ตัวละคร/สถานที่/อุปกรณ์ที่ reuse ได้

หลักการออกแบบสไลด์องค์กร

ฟอนต์สำหรับพรีเซนเทชัน PowerPoint/Google Slides

token ระยะห่าง มุมโค้ง และเงา

loading/error/empty/disabled state

tailwind.config.js/ts ที่ generate จาก token

โทนภาษาไทยและอังกฤษแยกกัน พร้อมตัวอย่างจริง

โครงสร้าง tiering ของ token

type scale, line-height, การจับคู่ฟอนต์ไทย-อังกฤษ

ภาพรวมระบบฟอนต์ของแบรนด์ — เลือกชุดฟอนต์ให้ตรงกับงาน

token ของ font size, weight, line-height

class convention และตัวอย่าง component

วิธีอัปเดต token โดยไม่ breaking หน้าอื่น

แนวทางเจนวิดีโอด้วย AI สำหรับงานโฆษณา/คอนเทนต์องค์กร

B.Grimm Corporate Voice — บุคลิกเสียง หลักการเขียน และคลังคำที่ได้รับอนุมัติ