Português (BR)
Português (BR)
Appearance
Recursos de marca
Baixe o logo do WallaWhats em vários formatos e tamanhos para usar em documentação, redes sociais e integrações.
Logo
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.
Baixar logo-full-transparent.png
Ícone
O ícone isolado para ícones de app, favicons e usos compactos na UI.
Tamanhos de ícone PNG
| Pré-visualização | Tamanho | Caso de uso | Download |
|---|---|---|---|
 | 512 x 512 | Alta resolução, impressão | 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 | Ícone de app, miniaturas | ninja-icon-128.png |
 | 64 x 64 | Ícones de aba, UI pequena | ninja-icon-64.png |
 | 32 x 32 | Favicon | ninja-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).
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
| Cor | Hex | Uso |
|---|---|---|
| Brand Green | #3C9C44 | Balão de fala, wordmark "Whats", estados de sucesso, destaques de seção |
| WhatsApp Green | #25D366 | Referências ao ícone do WhatsApp (somente no workflow principal) |
| Charcoal | #2A2C31 | Wordmark "Walla", botões, CTAs, anéis de foco, fundo do ícone do X |
Estados de interação
| Cor | Hex | Uso |
|---|---|---|
| Charcoal hover | #18191C | Hover do botão |
| Charcoal pressed | #08090B | Botão ativo / pressionado |
| Green hover | #348B3B | Hover em superfície verde |
Neutros
| Cor | Hex | Uso |
|---|---|---|
| Light surface | #F7F7F8 | Fundos de página, superfícies sutis |
| Border | #D9DADF | Bordas de cartão, divisores |
| Muted text | #8C8F98 | Legendas, 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.