กลับไปหน้า Design
ทริคDesign

Betagro Brand Palette

ชุดสีแบรนด์ Betagro กำหนดสีหลักและสีรองให้ทุกชิ้นงานดูเป็นแบรนด์เดียวกัน

เริ่มอ่านตรงนี้ก่อน

อธิบายแบบง่าย

Betagro Brand Palette คือเรื่องที่ช่วยให้เราใช้ทำหน้าจอให้อ่านง่าย ใช้ง่าย และไม่สับสนได้ถูกทางขึ้น

ระดับ

เหมาะกับคนเริ่มต้น

ใช้เมื่อไหร่

ตอนคุณทำ dashboard หรือสไลด์ให้ทีม Betagro

อ่านแล้วทำอะไรต่อ

ใช้สีเขียว Betagro กับปุ่มหลักและหัวข้อสำคัญเท่านั้น ส่วนพื้นหลังให้ใช้สีกลางเพื่อไม่ให้แย่งความสนใจ

เห็นภาพ: ทริคนี้เป็นยังไง

Betagro Green

#84BD00 · พื้น / ไอคอน

Deep Green

#5E8A00 · ตัวอักษร (AA)

Betagro Gold

#7C6E2C · สีรอง

Ink

#212529 · หัวข้อ

ชุดสีแบรนด์ Betagro จริง — ใช้เขียวหลักกับงานสำคัญ

ใช้ตอนไหน?

  • ตอนคุณทำ dashboard หรือสไลด์ให้ทีม Betagro
  • ตอนคุณต้องเลือกสีปุ่ม หัวข้อ หรือแถบเน้นให้ตรงแบรนด์
  • ตอนคุณตั้งค่าธีมสีในเครื่องมือใหม่

ความหมาย

brand palette (ชุดสีแบรนด์) คือกลุ่มสีที่อนุมัติให้ใช้แทนแบรนด์ Betagro ใช้สีเขียวเป็นสีหลัก (primary) แล้วเสริมด้วยสีรอง (secondary) และสีกลาง (neutral) สำหรับพื้นหลังและตัวอักษร

โครงชุดสีแบรนด์

ใช้สีเขียวหลักให้น้อยแต่ตรงจุด แล้วใช้สีกลางเป็นพื้นส่วนใหญ่

{
  "brand.primary": "#00843D",
  "brand.primaryDark": "#006B30",
  "brand.neutral": "#F4F5F4",
  "brand.text": "#1A1A1A"
}

ตัวอย่างการใช้

ใช้สีเขียวหลักกับงานสำคัญ

ใช้สีเขียว Betagro กับปุ่มหลักและหัวข้อสำคัญเท่านั้น ส่วนพื้นหลังให้ใช้สีกลางเพื่อไม่ให้แย่งความสนใจ