Logo Usage

โลโก้ B.Grimm ประกอบด้วยสัญลักษณ์ ครุฑ (Garuda) ในกรอบสี่เหลี่ยมสีส้ม ตามด้วยชื่อ "B.GRIMM" ตัวพิมพ์ใหญ่ในฟอนต์ Source Serif Pro — เป็นทรัพย์สินที่สำคัญที่สุดของแบรนด์ ต้องคงความสม่ำเสมอในทุกการใช้งาน ห้ามดัดแปลงไม่ว่ากรณีใด

Logo Versions

Garuda Version — สำหรับตำแหน่งทางการ

ใช้สำหรับตำแหน่ง top-center หรือ top-left เท่านั้น รายละเอียดทั้งหมดของโลโก้ต้องมองเห็นชัดเจน

• ครุฑต้องอยู่ด้านบนเสมอ ไม่มีข้อยกเว้น
• ห้ามใช้เวอร์ชัน Garuda ถ้า:
  • แสดงในขนาดเล็กจนครุฑเบลอหรือพิกเซลแตกจนแยกไม่ออก
  • ไม่สามารถวางที่ตำแหน่งด้านบนได้

Plain Version — สำหรับงานอเนกประสงค์

ใช้เมื่อเห็นรายละเอียดครุฑไม่ชัด หรือเวอร์ชัน Garuda ไม่เข้ากับองค์ประกอบภาพ — เหมาะกับพื้นที่ขนาดเล็กหรือการใช้งานที่หลากหลาย

โลโก้ทางการ · ไฟล์ vector จริง

ทุกภาพโลโก้ในหน้านี้โหลดจาก URL ทางการโดยตรง ไม่ใช่ภาพ screenshot — สิ่งที่คุณเห็นคือไฟล์ SVG ตัวจริงที่ควรใช้ในโค้ด

ขนาดโลโก้ — เทียบของจริง

ขนาดต่ำสุดของ Plain Version บนดิจิทัลคือ 285 px (ความกว้าง) เลื่อนดูบันไดขนาดด้านล่างเพื่อเทียบว่าเล็กแค่ไหนถึงเริ่มอ่านไม่ออก:

บันไดขนาด · วัดตามความกว้างจริง

285 px — ขนาดต่ำสุดที่อนุญาตPlain version · ดิจิทัล

190 px — เล็กเกินไปต่ำกว่าเกณฑ์ดิจิทัล

120 px — ครุฑเริ่มอ่านไม่ออกรายละเอียดหาย

72 px — ห้ามใช้ทั้งครุฑและตัวอักษรจม

สังเกตว่ายิ่งเล็กลง กรอบครุฑยิ่งกลายเป็นก้อนสีส้มทึบจนแยกลายไม่ออก และคำว่า B.GRIMM เริ่มติดกัน นี่คือเหตุผลที่ต่ำกว่า 285 px ต้องเปลี่ยนไปใช้ Plain Version เท่านั้น

ดิจิทัล · Plain ≥ 285 pxพิมพ์ · Plain ≥ 70 mmพิมพ์ · Garuda ≥ 138 mm

พื้นหลังที่วางโลโก้ได้

โลโก้เต็มสีออกแบบมาให้อยู่บนพื้นสว่างเท่านั้น ตารางด้านล่างเรนเดอร์โลโก้จริงบนพื้นหลังแต่ละแบบ ให้ตัดสินด้วยตาว่าอันไหนอ่านออกจริง:

✅ ขาว #FFFFFF

พื้นหลังมาตรฐาน ใช้ได้ทุกกรณี เป็นค่า default ที่ควรเลือกก่อนเสมอ

✅ Off White #FCFEFF

พื้นหลังรองของแบรนด์ ต่างจากขาวเพียงเล็กน้อย ใช้ได้ปกติ

✅ ส้มอ่อนมาก #FFF1EA

โทนแบรนด์อ่อนพอที่กรอบครุฑยังตัดกับพื้นได้ ใช้ในงาน section background ได้

✅ เทาอ่อน #EBECF0

ยังสว่างพอ ใช้ได้กับพื้นหลัง UI ที่เป็นเทาอ่อน

✅ ภาพถ่ายโทนสว่าง

ใช้ได้เมื่อบริเวณที่วางโลโก้เป็น negative space สะอาด ไม่มีรายละเอียดรบกวน

⚠️ เทากลาง #C9CAD4

เริ่มกล้ำกึ่ง — ตัวอักษรสีเทาของ wordmark เริ่มจมกับพื้น ให้เลี่ยงถ้ามีทางเลือกอื่น

❌ พื้นเข้ม + โลโก้เต็มสี

ตัวอักษรสีเข้มของ wordmark จมหายไปกับพื้น ต้องสลับไปใช้เวอร์ชัน knockout แทน

✅ พื้นเข้ม + knockout

วิธีที่ถูกต้องเมื่อจำเป็นต้องวางบนพื้นเข้ม — ขอไฟล์เวอร์ชันขาวจากทีมแบรนด์ ห้ามทำเองด้วยฟิลเตอร์

❌ พื้นส้มแบรนด์ #FF6727

กรอบครุฑสีส้มกลืนหายไปกับพื้นสีเดียวกันจนมองไม่เห็นขอบ ห้ามใช้เด็ดขาด

ลองสลับพื้นหลังเอง

ขาว #FFFFFF Off White #FCFEFF ส้มอ่อน #FFF1EA เทาอ่อน #EBECF0

ทั้งสี่ตัวเลือกนี้เป็นพื้นหลังที่อนุญาตทั้งหมด — ถ้างานของคุณต้องใช้พื้นที่เข้มกว่านี้ แปลว่าต้องเปลี่ยนไปใช้เวอร์ชัน knockout ไม่ใช่ดันใช้โลโก้เต็มสีต่อ

ตำแหน่งการวาง (Placement)

ทั้งสองเวอร์ชันใช้กฎตำแหน่งเดียวกัน:

ตำแหน่งที่ใช้ได้	ตำแหน่งที่ห้ามใช้
Top Left, Top Center, Top Right	Center (กลางเลย์เอาต์)
—	Bottom
—	ขนาดเล็กเกินจนอ่านไม่ออก (Too Small)

Black & White Version

ใช้ได้เมื่อมีข้อจำกัดด้านเทคนิค เช่น การส่งแฟกซ์ หรือการแกะสลัก (engraving) — ไม่ใช่ทางเลือกสำหรับงานดิจิทัล/สิ่งพิมพ์ปกติ

สามเวอร์ชันสี · เทียบข้างกัน

เต็มสี — ค่าเริ่มต้น

ใช้กับงานทุกประเภทที่พิมพ์สีหรือแสดงบนจอได้

ขาวดำ — เมื่อมีข้อจำกัด

แฟกซ์ การแกะสลัก งานปั๊มนูน หรือพิมพ์สีเดียว เท่านั้น

Knockout — บนพื้นเข้ม

สำหรับพื้นหลังเข้มโดยเฉพาะ ขอไฟล์จากทีมแบรนด์

สองใบขวาจำลองด้วยฟิลเตอร์ CSS เพื่อการเปรียบเทียบในหน้านี้เท่านั้น — เวลาใช้งานจริงต้องขอไฟล์เวอร์ชันนั้นจากทีมแบรนด์ ห้ามใส่ filter ทับโลโก้เต็มสีในโค้ดโปรดักชัน

Official Logo Asset

ใช้ URL นี้เสมอสำหรับงานเว็บ/UI code — ไม่ต้อง self-host ไฟล์ซ้ำ:

https://www.bgrimmpower.com/themes/default/assets/static/images/default/logo/logo-bgrim.svg

<img src="https://www.bgrimmpower.com/themes/default/assets/static/images/default/logo/logo-bgrim.svg" alt="B.Grimm Logo" />

ดูขนาดต่ำสุดและระยะพื้นที่ว่างรอบโลโก้ที่ Clear Space & Sizing และข้อห้ามทั้งหมดที่ Logo Misuse

มีคำถาม?

ติดต่อ brand@bgrimmgroup.com สำหรับคำถามเรื่องการใช้งานโลโก้หรือการเลือกระบบสี (CMYK/RGB)