Skip to content

Prvky značky

Stáhněte si logo WallaWhats v různých formátech a velikostech pro použití v dokumentaci, na sociálních sítích a v integracích.

Logo WallaWhats má zelenou bublinu ve stylu WhatsApp s bílým upozorňovacím zvonkem uvnitř — vizuální shrnutí produktu: okamžitá upozornění doručovaná přes WhatsApp.

Plné logo — průhledné pozadí

Pro kompozici na jakémkoli pozadí.

Plné logo

Stáhnout logo-full-transparent.png

Ikona

Samostatná ikona pro ikony aplikací, favikony a kompaktní umístění v UI.

Ikona 128 px

Velikosti PNG ikon

NáhledVelikostPřípad použitíStažení
512512 x 512Vysoké rozlišení, tiskninja-icon-512.png
256256 x 256Avatar na sociálních sítích, dokumentaceninja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128Ikona aplikace, miniaturyninja-icon-128.png
6464 x 64Ikony záložek, malé UIninja-icon-64.png
3232 x 32Favikonaninja-icon-32.png

Social & Open Graph

1200 x 630 px — optimalizované pro náhledy odkazů na sociálních sítích (Twitter cards, Facebook, LinkedIn).

OG karta

Stáhnout og-card.png

Barvy značky

Minimální dvoubarevný systém značky: zelená pro identitu, uhlová pro akce. Žádné doplňkové odstíny — to udržuje paletu výraznou a zabraňuje vizuálnímu šumu.

Paleta značky

BarvaHexPoužití
Zelená značky#3C9C44Bublina, slovní značka „Whats", úspěšné stavy, akcenty sekcí
Zelená WhatsApp#25D366Odkazy na ikonu WhatsApp (pouze hero workflow)
Uhlová#2A2C31Slovní značka „Walla", tlačítka, CTA, focus rings, pozadí ikony X

Stavy interakce

BarvaHexPoužití
Uhlová hover#18191CNajetí na tlačítko
Uhlová stisknutá#08090BTlačítko aktivní / stisknuté
Zelená hover#348B3BNajetí na zelený povrch

Neutrální

BarvaHexPoužití
Světlý povrch#F7F7F8Pozadí stránek, jemné povrchy
Ohraničení#D9DADFOkraje karet, oddělovače
Tlumený text#8C8F98Popisky, pomocný text

Pokyny pro použití

  • Zelená je kotvou značky — používejte ji pro bublinu, slovní značku „Whats" a pozitivní/úspěšné stavy.
  • Uhlová je primární barva pro akce — používejte ji pro tlačítka, CTA a slovní značku „Walla".
  • Žádné modré, červené ani doplňkové odstíny — paleta je záměrně zdrženlivá, aby udržela pozornost na obsahu a zeleno-černé identitě produktu.
  • Okolo loga udržujte štědrý prázdný prostor: alespoň 1/4 výšky loga ze všech stran.

WallaWhats Documentation