Skip to content

Materijali brenda

Preuzmite WallaWhats logotip u različitim formatima i veličinama za korištenje u dokumentaciji, na društvenim mrežama i integracijama.

Logotip

WallaWhats logotip prikazuje zeleni govorni oblačić u stilu WhatsAppa s bijelim zvoncem za obavijesti unutra — vizualni sažetak proizvoda: trenutne obavijesti isporučene putem WhatsAppa.

Cijeli logotip — prozirna pozadina

Za kompoziciju preko bilo koje pozadine.

Cijeli logotip

Preuzmite logo-full-transparent.png

Ikona

Samostalna ikona za ikone aplikacija, favicone i kompaktne UI pozicije.

Ikona 128px

PNG veličine ikona

PregledVeličinaSlučaj upotrebePreuzimanje
512512 x 512Visoka rezolucija, ispisninja-icon-512.png
256256 x 256Avatar na društvenim mrežama, dokumentacijaninja-icon-256.png
180180 x 180Apple touch ikonaninja-icon-180.png
128128 x 128Ikona aplikacije, sličiceninja-icon-128.png
6464 x 64Ikone kartica, mali UIninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Društvene mreže i Open Graph

1200 x 630 px — optimizirano za pretpreglede poveznica na društvenim mrežama (Twitter cards, Facebook, LinkedIn).

OG kartica

Preuzmite og-card.png

Boje brenda

Minimalistički sustav brenda u dvije boje: zelena za identitet, ugljena za akciju. Bez popratnih nijansi — to čuva paletu prepoznatljivom i izbjegava vizualnu buku.

Paleta brenda

BojaHexUpotreba
Zelena brenda#3C9C44Govorni oblačić, "Whats" logotip, stanja uspjeha, naglasci sekcija
WhatsApp zelena#25D366Reference WhatsApp ikone (samo u uvodnom tijeku)
Ugljena#2A2C31"Walla" logotip, gumbi, CTA, fokus prstenovi, pozadina X ikone

Stanja interakcije

BojaHexUpotreba
Ugljena hover#18191CHover gumba
Ugljena pritisnuto#08090BGumb aktivan / pritisnut
Zelena hover#348B3BHover zelene površine

Neutralne

BojaHexUpotreba
Svijetla površina#F7F7F8Pozadine stranica, suptilne površine
Obrub#D9DADFObrubi kartica, razdjelnici
Prigušeni tekst#8C8F98Natpisi, pomoćni tekst

Smjernice za korištenje

  • Zelena je sidro brenda — koristite je za oblačić, "Whats" logotip i pozitivna stanja/stanja uspjeha.
  • Ugljena je primarna boja akcije — koristite je za gumbe, CTA i "Walla" logotip.
  • Bez plave, crvene ili naglasnih nijansi — paleta je namjerno suzdržana kako bi pozornost ostala na sadržaju i zeleno-crnom identitetu proizvoda.
  • Oko logotipa zadržite velikodušan prazan prostor: najmanje 1/4 visine logotipa sa svih strana.

WallaWhats Documentation