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

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

Логотип

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

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

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

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

Іконка

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

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

Попередній перегляд	Розмір	Застосування	Завантажити
	512 x 512	Висока роздільна здатність, друк	ninja-icon-512.png
	256 x 256	Соціальний аватар, документація	ninja-icon-256.png
	180 x 180	Apple touch icon	ninja-icon-180.png
	128 x 128	Іконка застосунку, мініатюри	ninja-icon-128.png
	64 x 64	Іконки вкладок, дрібний UI	ninja-icon-64.png
	32 x 32	Favicon	ninja-icon-32.png

Соцмережі та Open Graph

1200 x 630 px — оптимізовано для попереднього перегляду посилань у соцмережах (картки Twitter, Facebook, LinkedIn).

Завантажити 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 висоти логотипа з усіх боків.