Skip to content

Aset Jenama

Muat turun logo WallaWhats dalam pelbagai format dan saiz untuk kegunaan dalam dokumentasi, media sosial dan integrasi.

Logo WallaWhats menampilkan bubble ucapan bergaya WhatsApp berwarna hijau dengan loceng amaran putih di dalamnya — ringkasan visual produk: amaran segera dihantar melalui WhatsApp.

Logo penuh — latar belakang lutsinar

Untuk komposit di atas mana-mana latar belakang.

Logo penuh

Muat turun logo-full-transparent.png

Ikon

Ikon berdiri sendiri untuk ikon aplikasi, favicon dan penempatan UI padat.

Ikon 128px

Saiz Ikon PNG

PratontonSaizKes penggunaanMuat turun
512512 x 512Resolusi tinggi, cetakanninja-icon-512.png
256256 x 256Avatar sosial, dokumenninja-icon-256.png
180180 x 180Ikon Apple touchninja-icon-180.png
128128 x 128Ikon aplikasi, lakaran kecilninja-icon-128.png
6464 x 64Ikon tab, UI kecilninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Sosial & Open Graph

1200 x 630 px — dioptimumkan untuk pratonton pautan media sosial (Twitter cards, Facebook, LinkedIn).

Kad OG

Muat turun og-card.png

Warna Jenama

Sistem jenama dua warna yang minimum: hijau untuk identiti, arang untuk tindakan. Tiada warna sampingan — ini mengekalkan palet tersendiri dan mengelakkan bunyi visual.

Palet jenama

WarnaHexPenggunaan
Hijau Jenama#3C9C44Bubble ucapan, wordmark "Whats", keadaan kejayaan, aksen seksyen
Hijau WhatsApp#25D366Rujukan ikon WhatsApp (aliran kerja hero sahaja)
Arang#2A2C31Wordmark "Walla", butang, CTA, fokus ring, latar belakang ikon X

Keadaan interaksi

WarnaHexPenggunaan
Arang hover#18191CButang hover
Arang ditekan#08090BButang aktif / ditekan
Hijau hover#348B3BPermukaan hijau hover

Neutral

WarnaHexPenggunaan
Permukaan terang#F7F7F8Latar belakang halaman, permukaan halus
Sempadan#D9DADFSempadan kad, pembahagi
Teks muted#8C8F98Kapsyen, teks pembantu

Garis panduan penggunaan

  • Hijau ialah penanda aras jenama — gunakannya untuk bubble, wordmark "Whats" dan keadaan positif/kejayaan.
  • Arang ialah warna tindakan utama — gunakannya untuk butang, CTA dan wordmark "Walla".
  • Tiada biru, merah atau warna aksen — palet sengaja terhad untuk mengekalkan tumpuan pada kandungan dan identiti hijau-dan-hitam produk.
  • Kekalkan ruang putih yang banyak di sekeliling logo: sekurang-kurangnya 1/4 daripada ketinggian logo di semua sisi.

WallaWhats Documentation