Skip to content

Recursos de marca

Transfere o logótipo do WallaWhats em vários formatos e tamanhos para utilização em documentação, redes sociais e integrações.

Logótipo

O logótipo do WallaWhats mostra um balão de fala verde ao estilo WhatsApp com um sino de alerta branco no interior — um resumo visual do produto: alertas instantâneos entregues por WhatsApp.

Logótipo completo — fundo transparente

Para compor sobre qualquer fundo.

Logótipo completo

Transferir logo-full-transparent.png

Ícone

O ícone isolado para ícones de aplicação, favicons e utilizações compactas na UI.

Ícone 128px

Tamanhos de ícone PNG

Pré-visualizaçãoTamanhoCaso de usoTransferência
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 aplicação, miniaturasninja-icon-128.png
6464 x 64Ícones de separador, UI pequenaninja-icon-64.png
3232 x 32Faviconninja-icon-32.png

Redes sociais e Open Graph

1200 x 630 px — otimizado para pré-visualizações de ligação em redes sociais (Twitter cards, Facebook, LinkedIn).

Cartão OG

Transferir og-card.png

Cores da marca

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

Paleta da marca

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

Estados de interação

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

Neutros

CorHexUtilização
Light surface#F7F7F8Fundos de página, superfícies subtis
Border#D9DADFContornos de cartão, separadores
Muted text#8C8F98Legendas, texto de apoio

Diretrizes de utilização

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

WallaWhats Documentation