Skip to content

Marka Varlıkları

WallaWhats logosunu dokümantasyon, sosyal medya ve entegrasyonlarda kullanmak için çeşitli format ve boyutlarda indirin.

WallaWhats logosu, içinde beyaz bir uyarı ziliyle yeşil bir WhatsApp tarzı konuşma balonundan oluşur — ürünün görsel özeti: WhatsApp üzerinden anında teslim edilen uyarılar.

Tam logo — şeffaf arka plan

Herhangi bir arka plan üzerine bileşik oluşturmak için.

Tam logo

logo-full-transparent.png indir

Simge

Uygulama simgeleri, favicon'lar ve kompakt UI yerleşimleri için bağımsız simge.

128 piksel simge

PNG Simge Boyutları

ÖnizlemeBoyutKullanım alanıİndir
512512 x 512Yüksek çözünürlük, baskıninja-icon-512.png
256256 x 256Sosyal avatar, dokümanlarninja-icon-256.png
180180 x 180Apple touch simgesininja-icon-180.png
128128 x 128Uygulama simgesi, küçük resimlerninja-icon-128.png
6464 x 64Sekme simgeleri, küçük UIninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Sosyal ve Open Graph

1200 x 630 piksel — sosyal medya bağlantı önizlemeleri için optimize edilmiştir (Twitter kartları, Facebook, LinkedIn).

OG Kartı

og-card.png indir

Marka Renkleri

Minimal iki renkli marka sistemi: kimlik için yeşil, eylem için kömür rengi. Destekleyici ton yok — bu paleti belirgin tutar ve görsel gürültüyü önler.

Marka paleti

RenkHexKullanım
Marka Yeşili#3C9C44Konuşma balonu, "Whats" kelime işareti, başarı durumları, bölüm vurguları
WhatsApp Yeşili#25D366WhatsApp simge referansları (yalnızca hero iş akışı)
Kömür#2A2C31"Walla" kelime işareti, düğmeler, CTA'lar, odak halkaları, X simgesi arka planı

Etkileşim durumları

RenkHexKullanım
Kömür hover#18191CDüğme hover
Kömür basılı#08090BDüğme aktif / basılı
Yeşil hover#348B3BYeşil yüzey hover

Nötr renkler

RenkHexKullanım
Açık yüzey#F7F7F8Sayfa arka planları, ince yüzeyler
Kenarlık#D9DADFKart kenarlıkları, ayırıcılar
Soluk metin#8C8F98Resim yazıları, yardımcı metin

Kullanım kılavuzu

  • Yeşil markanın çapasıdır — konuşma balonu, "Whats" kelime işareti ve olumlu/başarı durumları için kullanın.
  • Kömür birincil eylem rengidir — düğmeler, CTA'lar ve "Walla" kelime işareti için kullanın.
  • Mavi, kırmızı veya vurgu tonları yok — palet, dikkati içeriğe ve ürünün yeşil ve siyah kimliğine odaklamak için kasıtlı olarak sınırlıdır.
  • Logonun etrafında bol boşluk bırakın: her taraftan logo yüksekliğinin en az 1/4'ü.

WallaWhats Documentation