Skip to content

Prvky značky

Stiahnite si logo WallaWhats v rôznych formátoch a veľkostiach na použitie v dokumentácii, na sociálnych sieťach a v integráciách.

Logo WallaWhats obsahuje zelenú bublinu v štýle WhatsApp s bielym upozorňovacím zvončekom vnútri — vizuálne zhrnutie produktu: okamžité upozornenia doručované cez WhatsApp.

Plné logo — priehľadné pozadie

Na kompozíciu na akomkoľvek pozadí.

Plné logo

Stiahnuť logo-full-transparent.png

Ikona

Samostatná ikona pre ikony aplikácií, favikony a kompaktné umiestnenia v UI.

Ikona 128 px

Veľkosti PNG ikon

NáhľadVeľkosťPrípad použitiaStiahnuť
512512 x 512Vysoké rozlíšenie, tlačninja-icon-512.png
256256 x 256Avatar na sociálnych sieťach, dokumentácianinja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128Ikona aplikácie, miniatúryninja-icon-128.png
6464 x 64Ikony záložiek, malé UIninja-icon-64.png
3232 x 32Favikonaninja-icon-32.png

Social & Open Graph

1200 x 630 px — optimalizované pre náhľady odkazov na sociálnych sieťach (Twitter cards, Facebook, LinkedIn).

OG karta

Stiahnuť og-card.png

Farby značky

Minimálny dvojfarebný systém značky: zelená pre identitu, uhlová pre akcie. Žiadne doplnkové odtiene — to udržiava paletu výraznú a zabraňuje vizuálnemu šumu.

Paleta značky

FarbaHexPoužitie
Zelená značky#3C9C44Bublina, slovná značka „Whats", úspešné stavy, akcenty sekcií
Zelená WhatsApp#25D366Odkazy na ikonu WhatsApp (iba hero workflow)
Uhlová#2A2C31Slovná značka „Walla", tlačidlá, CTA, focus rings, pozadie ikony X

Stavy interakcie

FarbaHexPoužitie
Uhlová hover#18191CPrejdenie na tlačidlo
Uhlová stlačená#08090BTlačidlo aktívne / stlačené
Zelená hover#348B3BPrejdenie na zelený povrch

Neutrálne

FarbaHexPoužitie
Svetlý povrch#F7F7F8Pozadia stránok, jemné povrchy
Ohraničenie#D9DADFOkraje kariet, oddeľovače
Stlmený text#8C8F98Popisky, pomocný text

Pokyny na použitie

  • Zelená je kotvou značky — používajte ju pre bublinu, slovnú značku „Whats" a pozitívne/úspešné stavy.
  • Uhlová je primárna farba pre akcie — používajte ju pre tlačidlá, CTA a slovnú značku „Walla".
  • Žiadne modré, červené ani doplnkové odtiene — paleta je zámerne zdržanlivá, aby udržala pozornosť na obsahu a zeleno-čiernej identite produktu.
  • Okolo loga udržiavajte štedrý prázdny priestor: aspoň 1/4 výšky loga zo všetkých strán.

WallaWhats Documentation