Brändimateriaalit

Lataa WallaWhats-logo eri muodoissa ja kooissa dokumentaatiota, sosiaalista mediaa ja integraatioita varten.

Logo

WallaWhats-logossa on vihreä WhatsApp-tyylinen puhekupla valkoisella hälytyskellolla sisällä — visuaalinen tiivistelmä tuotteesta: välittömät hälytykset WhatsAppin kautta.

Täysi logo — läpinäkyvä tausta

Sommitteluun minkä tahansa taustan päälle.

Lataa logo-full-transparent.png

Ikoni

Itsenäinen ikoni sovellusikoneille, favikonille ja tiiviille käyttöliittymäsijoituksille.

PNG-ikonien koot

Esikatselu	Koko	Käyttötarkoitus	Lataus
	512 x 512	Korkearesoluutioinen, painatus	ninja-icon-512.png
	256 x 256	Sosiaalisen median avatar, dokumentaatio	ninja-icon-256.png
	180 x 180	Apple touch -ikoni	ninja-icon-180.png
	128 x 128	Sovellusikoni, pikkukuvat	ninja-icon-128.png
	64 x 64	Välilehti-ikonit, pieni UI	ninja-icon-64.png
	32 x 32	Favikon	ninja-icon-32.png

Some ja Open Graph

1200 x 630 px — optimoitu sosiaalisen median linkkien esikatseluihin (Twitter-kortit, Facebook, LinkedIn).

Lataa og-card.png

Brändivärit

Minimalistinen kaksivärinen brändijärjestelmä: vihreä identiteetille, hiili toiminnalle. Ei tukivärejä — tämä pitää paletin omaleimaisena ja välttää visuaalista meteliä.

Brändipaletti

Väri	Hex	Käyttö
Brändivihreä	#3C9C44	Puhekupla, "Whats"-sanamerkki, onnistumistilat, osion korostukset
WhatsApp-vihreä	#25D366	WhatsApp-ikoniviittaukset (vain hero-työnkulku)
Hiili	#2A2C31	"Walla"-sanamerkki, painikkeet, CTA:t, tarkennusrenkaat, X-ikonin tausta

Vuorovaikutustilat

Väri	Hex	Käyttö
Hiili hover	#18191C	Painikkeen hover
Hiili painettu	#08090B	Painikkeen aktiivinen / painettu
Vihreä hover	#348B3B	Vihreän pinnan hover

Neutraalit

Väri	Hex	Käyttö
Vaalea pinta	#F7F7F8	Sivun taustat, hienovaraiset pinnat
Reuna	#D9DADF	Korttien reunat, erottimet
Himmennetty teksti	#8C8F98	Kuvatekstit, aputeksti

Käyttöohjeet

• Vihreä on brändin ankkuri — käytä sitä kuplassa, "Whats"-sanamerkissä sekä positiivisissa/onnistumistiloissa.
• Hiili on ensisijainen toimintaväri — käytä sitä painikkeissa, CTA:issa ja "Walla"-sanamerkissä.
• Ei sinistä, punaista tai korostusvärejä — paletti on tarkoituksellisesti pidätelty pitääkseen huomion sisällössä ja tuotteen vihreä-mustassa identiteetissä.
• Jätä runsaasti tyhjää tilaa logon ympärille: vähintään 1/4 logon korkeudesta kaikilla puolilla.