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

Скачайте логотип 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 высоты логотипа со всех сторон.