Skip to content

Recursos de marca

Baixe o logo do WallaWhats em vários formatos e tamanhos para usar em documentação, redes sociais e integrações.

O logo do WallaWhats traz um balão de fala verde no estilo do WhatsApp com um sino de alerta branco dentro — um resumo visual do produto: alertas instantâneos entregues pelo WhatsApp.

Logo completo — fundo transparente

Para compor sobre qualquer fundo.

Logo completo

Baixar logo-full-transparent.png

Ícone

O ícone isolado para ícones de app, favicons e usos compactos na UI.

Ícone 128px

Tamanhos de ícone PNG

Pré-visualizaçãoTamanhoCaso de usoDownload
512512 x 512Alta resolução, impressãoninja-icon-512.png
256256 x 256Avatar social, docsninja-icon-256.png
180180 x 180Apple touch iconninja-icon-180.png
128128 x 128Ícone de app, miniaturasninja-icon-128.png
6464 x 64Ícones de aba, UI pequenaninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Redes sociais e Open Graph

1200 x 630 px — otimizado para prévias de link em redes sociais (Twitter cards, Facebook, LinkedIn).

Cartão OG

Baixar og-card.png

Cores da marca

Um sistema minimalista de duas cores: verde para identidade, charcoal para ação. Sem tons de apoio — isso mantém a paleta distintiva e evita ruído visual.

Paleta da marca

CorHexUso
Brand Green#3C9C44Balão de fala, wordmark "Whats", estados de sucesso, destaques de seção
WhatsApp Green#25D366Referências ao ícone do WhatsApp (somente no workflow principal)
Charcoal#2A2C31Wordmark "Walla", botões, CTAs, anéis de foco, fundo do ícone do X

Estados de interação

CorHexUso
Charcoal hover#18191CHover do botão
Charcoal pressed#08090BBotão ativo / pressionado
Green hover#348B3BHover em superfície verde

Neutros

CorHexUso
Light surface#F7F7F8Fundos de página, superfícies sutis
Border#D9DADFBordas de cartão, divisores
Muted text#8C8F98Legendas, texto de apoio

Diretrizes de uso

  • O verde é a âncora da marca — use para o balão, o wordmark "Whats" e estados positivos/de sucesso.
  • O charcoal é a cor de ação principal — use para botões, CTAs e o wordmark "Walla".
  • Sem azul, vermelho ou tons de destaque — a paleta é deliberadamente enxuta para manter a atenção no conteúdo e na identidade verde e preta do produto.
  • Mantenha espaço em branco generoso ao redor do logo: pelo menos 1/4 da altura do logo em todos os lados.

WallaWhats Documentation