Skip to content

Бренд-ресурси

Завантажте логотип WallaWhats у різних форматах і розмірах для використання в документації, соціальних мережах та інтеграціях.

Логотип

Логотип WallaWhats має зелену бульбашку в стилі WhatsApp із білим дзвоником сповіщення всередині — візуальне резюме продукту: миттєві сповіщення, доставлені через WhatsApp.

Повний логотип — прозорий фон

Для накладання на будь-який фон.

Повний логотип

Завантажити logo-full-transparent.png

Іконка

Самостійна іконка для іконок застосунків, favicon та компактних місць в інтерфейсі.

Іконка 128px

Розміри PNG-іконок

Попередній переглядРозмірЗастосуванняЗавантажити
512512 x 512Висока роздільна здатність, друкninja-icon-512.png
256256 x 256Соціальний аватар, документаціяninja-icon-256.png
180180 x 180Apple touch iconninja-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, Facebook, LinkedIn).

OG-картка

Завантажити og-card.png

Кольори бренду

Мінімалістична двоколірна система бренду: зелений для ідентичності, вугільний для дії. Без допоміжних відтінків — так палітра залишається впізнаваною та без візуального шуму.

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

КолірHexЗастосування
Зелений бренду#3C9C44Бульбашка, логотип «Whats», стани успіху, акценти секцій
Зелений WhatsApp#25D366Посилання на іконку WhatsApp (лише ключовий флоу)
Вугільний#2A2C31Логотип «Walla», кнопки, CTA, кільця фокуса, фон іконки X

Стани взаємодії

КолірHexЗастосування
Вугільний hover#18191CНаведення на кнопку
Вугільний pressed#08090BАктивна / натиснута кнопка
Зелений hover#348B3BНаведення на зелену поверхню

Нейтральні

КолірHexЗастосування
Світла поверхня#F7F7F8Тло сторінок, ненав’язливі поверхні
Межа#D9DADFМежі карток, роздільники
Приглушений текст#8C8F98Підписи, допоміжний текст

Рекомендації з використання

  • Зелений — якір бренду — використовуйте його для бульбашки, логотипа «Whats» та позитивних станів/успіху.
  • Вугільний — основний колір дії — використовуйте його для кнопок, CTA та логотипа «Walla».
  • Жодного синього, червоного чи акцентних відтінків — палітра навмисно стримана, щоб зберегти фокус на контенті та зелено-чорній ідентичності продукту.
  • Залишайте щедрий вільний простір навколо логотипа: не менше ніж 1/4 висоти логотипа з усіх боків.

WallaWhats Documentation