Skip to content

Материјали бренда

Преузмите WallaWhats логотип у различитим форматима и величинама за коришћење у документацији, на друштвеним мрежама и интеграцијама.

Логотип

WallaWhats логотип приказује зелени говорни облачић у стилу WhatsApp-а са белим звонцем за обавештења унутра — визуелни резиме производа: тренутна обавештења испоручена преко WhatsApp-а.

Цео логотип — провидна позадина

За композицију преко било које позадине.

Цео логотип

Преузмите logo-full-transparent.png

Икона

Самостална икона за иконе апликација, фавиконе и компактне UI позиције.

Икона 128px

PNG величине икона

ПрегледВеличинаСлучај употребеПреузимање
512512 x 512Висока резолуција, штампаninja-icon-512.png
256256 x 256Аватар на друштвеним мрежама, документацијаninja-icon-256.png
180180 x 180Apple touch иконаninja-icon-180.png
128128 x 128Икона апликације, сличицеninja-icon-128.png
6464 x 64Иконе картица, мали UIninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Друштвене мреже и Open Graph

1200 x 630 px — оптимизовано за прегледе веза на друштвеним мрежама (Twitter cards, Facebook, LinkedIn).

OG картица

Преузмите og-card.png

Боје бренда

Минималистички двобојни систем бренда: зелена за идентитет, угаљ за акцију. Без пратећих нијанси — то чува палету препознатљивом и избегава визуелну буку.

Палета бренда

БојаHexУпотреба
Зелена бренда#3C9C44Говорни облачић, логотип "Whats", стања успеха, акценти секција
WhatsApp зелена#25D366Референце WhatsApp иконе (само у уводном току)
Угаљ#2A2C31Логотип "Walla", дугмад, CTA, прстенови фокуса, позадина X иконе

Стања интеракције

БојаHexУпотреба
Угаљ hover#18191CHover дугмета
Угаљ притиснуто#08090BДугме активно / притиснуто
Зелена hover#348B3BHover зелене површине

Неутралне

БојаHexУпотреба
Светла површина#F7F7F8Позадине страница, суптилне површине
Ивица#D9DADFИвице картица, раздвајачи
Пригушени текст#8C8F98Натписи, помоћни текст

Смернице за употребу

  • Зелена је сидро бренда — користите је за облачић, логотип "Whats" и позитивна стања/стања успеха.
  • Угаљ је примарна боја акције — користите је за дугмад, CTA и логотип "Walla".
  • Без плаве, црвене или акценатских нијанси — палета је намерно уздржана како би пажња остала на садржају и зелено-црном идентитету производа.
  • Око логотипа задржите великодушан бели простор: најмање 1/4 висине логотипа са свих страна.

WallaWhats Documentation