Skip to content

สินทรัพย์ของแบรนด์

ดาวน์โหลดโลโก้ WallaWhats ในรูปแบบและขนาดต่าง ๆ เพื่อใช้ในเอกสาร โซเชียลมีเดีย และการรวมระบบ

โลโก้

โลโก้ WallaWhats มีลักษณะเป็นบอลลูนคำพูดสไตล์ WhatsApp สีเขียวพร้อมระฆังแจ้งเตือนสีขาวอยู่ภายใน — สรุปภาพของผลิตภัณฑ์: การแจ้งเตือนทันทีที่ส่งผ่าน WhatsApp

โลโก้เต็ม — พื้นหลังโปร่งใส

สำหรับการซ้อนทับบนพื้นหลังใด ๆ

โลโก้เต็ม

ดาวน์โหลด logo-full-transparent.png

ไอคอน

ไอคอนแบบเดี่ยวสำหรับไอคอนแอป favicon และตำแหน่ง UI แบบกะทัดรัด

ไอคอน 128px

ขนาดไอคอน PNG

ตัวอย่างขนาดกรณีใช้งานดาวน์โหลด
512512 x 512ความละเอียดสูง พิมพ์ninja-icon-512.png
256256 x 256อวตารโซเชียล เอกสารninja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128ไอคอนแอป ภาพย่อninja-icon-128.png
6464 x 64ไอคอนแท็บ UI เล็กninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

โซเชียล & Open Graph

1200 x 630 px — ปรับให้เหมาะสมสำหรับตัวอย่างลิงก์โซเชียลมีเดีย (Twitter card, Facebook, LinkedIn)

OG Card

ดาวน์โหลด og-card.png

สีของแบรนด์

ระบบแบรนด์สองสีแบบมินิมัล: เขียว สำหรับอัตลักษณ์ สีถ่าน สำหรับการกระทำ ไม่มีโทนรองเพิ่มเติม — ช่วยให้จานสีโดดเด่นและหลีกเลี่ยงความรกทางสายตา

จานสีแบรนด์

สีHexการใช้งาน
เขียวแบรนด์#3C9C44บอลลูนคำพูด wordmark "Whats" สถานะสำเร็จ จุดเน้นของส่วน
เขียว WhatsApp#25D366การอ้างอิงไอคอน WhatsApp (เฉพาะเวิร์กโฟลว์ hero)
สีถ่าน#2A2C31wordmark "Walla" ปุ่ม CTA วงแหวนโฟกัส พื้นหลังไอคอน X

สถานะการโต้ตอบ

สีHexการใช้งาน
สีถ่าน hover#18191Chover ปุ่ม
สีถ่านกดแล้ว#08090Bปุ่มใช้งาน / กดแล้ว
เขียว hover#348B3Bhover พื้นผิวเขียว

สีกลาง

สีHexการใช้งาน
พื้นผิวสว่าง#F7F7F8พื้นหลังหน้า พื้นผิวบาง
เส้นขอบ#D9DADFเส้นขอบการ์ด ตัวแบ่ง
ข้อความจาง#8C8F98คำบรรยาย ข้อความช่วยเหลือ

แนวทางการใช้งาน

  • เขียว คือจุดยึดของแบรนด์ — ใช้สำหรับบอลลูน wordmark "Whats" และสถานะเชิงบวก/สำเร็จ
  • สีถ่าน คือสีของการกระทำหลัก — ใช้สำหรับปุ่ม CTA และ wordmark "Walla"
  • ไม่มีสีน้ำเงิน แดง หรือโทนเน้น — จานสีถูกจำกัดอย่างตั้งใจเพื่อรักษาความสนใจที่เนื้อหาและอัตลักษณ์สีเขียว-ดำของผลิตภัณฑ์
  • เว้นช่องว่างรอบโลโก้ให้เพียงพอ: อย่างน้อย 1/4 ของความสูงโลโก้ในทุกด้าน

WallaWhats Documentation