Brändivarad

Laadi alla WallaWhatsi logo erinevates vormingutes ja suurustes dokumentatsiooniks, sotsiaalmeediaks ja integratsioonideks.

Logo

WallaWhatsi logo sisaldab rohelist WhatsApp-stiilis kõnemulli, mille sees on valge häirekell — toote visuaalne kokkuvõte: kohesed teavitused WhatsAppi kaudu.

Täislogo — läbipaistev taust

Komponeerimiseks mis tahes tausta peale.

Laadi alla logo-full-transparent.png

Ikoon

Eraldiseisev ikoon rakenduste ikoonideks, favicon'ideks ja kompaktseteks UI paigutusteks.

PNG-ikooni suurused

Eelvaade	Suurus	Kasutusjuhtum	Allalaadimine
	512 x 512	Kõrglahutus, trükk	ninja-icon-512.png
	256 x 256	Sotsiaalmeedia avatar, dokumentatsioon	ninja-icon-256.png
	180 x 180	Apple touch icon	ninja-icon-180.png
	128 x 128	Rakenduse ikoon, pisipildid	ninja-icon-128.png
	64 x 64	Vahekaartide ikoonid, väike UI	ninja-icon-64.png
	32 x 32	Favicon	ninja-icon-32.png

Sotsiaalmeedia ja Open Graph

1200 x 630 px — optimeeritud sotsiaalmeedia lingieelvaadete jaoks (Twitter-kaardid, Facebook, LinkedIn).

Laadi alla og-card.png

Brändivärvid

Minimalistlik kahevärviline brändisüsteem: roheline identiteediks, süsi tegevuseks. Tugivärve pole — see hoiab paleti omanäolise ja väldib visuaalset müra.

Brändipalett

Värv	Hex	Kasutus
Brändi roheline	#3C9C44	Kõnemull, "Whats" sõnamärk, edu olekud, sektsioonide rõhuasetused
WhatsApp-roheline	#25D366	WhatsApp-ikooni viited (ainult hero-töövoog)
Süsi	#2A2C31	"Walla" sõnamärk, nupud, CTA-d, fookusrõngad, X-ikooni taust

Interaktsiooniolekud

Värv	Hex	Kasutus
Süsi hover	#18191C	Nupu hover
Süsi vajutatud	#08090B	Nupp aktiivne / vajutatud
Roheline hover	#348B3B	Rohelise pinna hover

Neutraalsed

Värv	Hex	Kasutus
Hele pind	#F7F7F8	Lehe taustad, peened pinnad
Raam	#D9DADF	Kaardi raamid, eraldusjooned
Hägustatud tekst	#8C8F98	Pealkirjad, abitekst

Kasutusjuhised

• Roheline on brändi ankur — kasuta seda mulli, "Whats" sõnamärgi ning positiivsete/edu olekute jaoks.
• Süsi on peamine tegevuse värv — kasuta seda nuppude, CTA-de ja "Walla" sõnamärgi jaoks.
• Ei sinine, punane ega rõhutusvärv — palett on teadlikult piiratud, et hoida tähelepanu sisul ja toote rohelise-musta identiteedil.
• Jäta logo ümber küllaldaselt tühja ruumi: vähemalt 1/4 logo kõrgusest igal küljel.