Recursos de marca

Descarga el logo de WallaWhats en varios formatos y tamaños para usarlo en documentación, redes sociales e integraciones.

Logo

El logo de WallaWhats muestra un bocadillo de diálogo verde al estilo WhatsApp con una campana de alerta blanca dentro — un resumen visual del producto: alertas instantáneas entregadas por WhatsApp.

Logo completo — fondo transparente

Para componer sobre cualquier fondo.

Descargar logo-full-transparent.png

Icono

El icono independiente para íconos de app, favicons y ubicaciones compactas de la UI.

Tamaños de icono PNG

Vista previa	Tamaño	Caso de uso	Descarga
	512 x 512	Alta resolución, impresión	ninja-icon-512.png
	256 x 256	Avatar social, docs	ninja-icon-256.png
	180 x 180	Apple touch icon	ninja-icon-180.png
	128 x 128	Icono de app, miniaturas	ninja-icon-128.png
	64 x 64	Iconos de pestaña, UI pequeña	ninja-icon-64.png
	32 x 32	Favicon	ninja-icon-32.png

Redes sociales y Open Graph

1200 x 630 px — optimizado para vistas previas de enlace en redes sociales (Twitter cards, Facebook, LinkedIn).

Descargar og-card.png

Colores de marca

Un sistema minimalista de dos colores: verde para la identidad, carbón para la acción. Sin tonos de apoyo — esto mantiene la paleta distintiva y evita el ruido visual.

Paleta de marca

Color	Hex	Uso
Brand Green	#3C9C44	Bocadillo, wordmark "Whats", estados de éxito, acentos de sección
WhatsApp Green	#25D366	Referencias al icono de WhatsApp (solo en el workflow principal)
Charcoal	#2A2C31	Wordmark "Walla", botones, CTAs, foco, fondo del icono de X

Estados de interacción

Color	Hex	Uso
Charcoal hover	#18191C	Hover de botón
Charcoal pressed	#08090B	Botón activo / presionado
Green hover	#348B3B	Hover sobre superficie verde

Neutros

Color	Hex	Uso
Light surface	#F7F7F8	Fondos de página, superficies sutiles
Border	#D9DADF	Bordes de tarjeta, separadores
Muted text	#8C8F98	Subtítulos, texto de ayuda

Guía de uso

• El verde es el ancla de la marca — úsalo para el bocadillo, el wordmark "Whats" y los estados positivos o de éxito.
• El carbón es el color de acción principal — úsalo para botones, CTAs y el wordmark "Walla".
• Sin azul, rojo ni tonos de acento — la paleta es deliberadamente reducida para mantener la atención en el contenido y en la identidad verde y negra del producto.
• Deja espacio en blanco generoso alrededor del logo: al menos 1/4 de la altura del logo por todos los lados.