Skip to content

Tài sản thương hiệu

Tải xuống logo WallaWhats ở nhiều định dạng và kích thước khác nhau để dùng trong tài liệu, mạng xã hội và các tích hợp.

Logo WallaWhats có một bong bóng thoại phong cách WhatsApp màu xanh lá với một chuông cảnh báo trắng bên trong — một bản tóm tắt trực quan của sản phẩm: các cảnh báo tức thì được gửi qua WhatsApp.

Logo đầy đủ — nền trong suốt

Để ghép lên bất kỳ nền nào.

Logo đầy đủ

Tải logo-full-transparent.png

Biểu tượng

Biểu tượng độc lập cho icon ứng dụng, favicon và các vị trí UI gọn gàng.

Biểu tượng 128px

Kích thước biểu tượng PNG

Xem trướcKích thướcTrường hợp sử dụngTải xuống
512512 x 512Độ phân giải cao, in ấnninja-icon-512.png
256256 x 256Avatar mạng xã hội, tài liệuninja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128Icon ứng dụng, thumbnailninja-icon-128.png
6464 x 64Icon tab, UI nhỏninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Mạng xã hội & Open Graph

1200 x 630 px — được tối ưu cho xem trước liên kết mạng xã hội (Twitter card, Facebook, LinkedIn).

OG Card

Tải og-card.png

Màu thương hiệu

Hệ thống thương hiệu hai màu tối giản: xanh lá cho bản sắc, than cho hành động. Không có sắc thái hỗ trợ — điều này giúp bảng màu đặc trưng và tránh nhiễu thị giác.

Bảng màu thương hiệu

MàuHexSử dụng
Xanh thương hiệu#3C9C44Bong bóng thoại, wordmark "Whats", trạng thái thành công, điểm nhấn phần
Xanh WhatsApp#25D366Tham chiếu icon WhatsApp (chỉ quy trình hero)
Than#2A2C31Wordmark "Walla", nút, CTA, vòng tiêu điểm, nền icon X

Trạng thái tương tác

MàuHexSử dụng
Than hover#18191CHover nút
Than khi nhấn#08090BNút kích hoạt / được nhấn
Xanh hover#348B3BHover bề mặt xanh

Màu trung tính

MàuHexSử dụng
Bề mặt sáng#F7F7F8Nền trang, bề mặt tinh tế
Đường viền#D9DADFViền thẻ, đường phân cách
Chữ mờ#8C8F98Chú thích, văn bản trợ giúp

Hướng dẫn sử dụng

  • Xanh là neo của thương hiệu — dùng cho bong bóng, wordmark "Whats" và các trạng thái tích cực/thành công.
  • Than là màu hành động chính — dùng cho nút, CTA và wordmark "Walla".
  • Không dùng xanh dương, đỏ hay sắc thái nhấn — bảng màu cố ý hạn chế để giữ sự chú ý vào nội dung và bản sắc xanh-đen của sản phẩm.
  • Giữ khoảng trắng rộng rãi xung quanh logo: ít nhất 1/4 chiều cao logo ở mọi phía.

WallaWhats Documentation