Por que não enviar o logo pelo WhatsApp?
Você acabou de fechar o projeto do seu site. A equipe pede o logotipo e, com a melhor das intenções, você abre o WhatsApp, seleciona a imagem e envia. Parece inofensivo, certo? A verdade é que essa simples atitude pode comprometer seriamente a qualidade visual da sua marca no novo site.
Neste artigo, vamos explicar por que o WhatsApp é o pior canal para enviar arquivos de marca e quais formatos você deve priorizar para garantir um resultado profissional.
1. O problema do envio pelo WhatsApp
O WhatsApp é uma ferramenta incrível para comunicação, mas tem uma limitação técnica silenciosa: ele comprime os arquivos.
Quando você envia uma imagem por esse canal, o aplicativo reduz automaticamente a resolução e o tamanho do arquivo para economizar dados e acelerar o envio. Isso significa que:
- A imagem perde nitidez — aquele logo nítido e perfeito vira uma versão borrada e pixelada;
- As cores podem ser alteradas — a compressão afeta o perfil de cor original do arquivo;
- O fundo transparente desaparece — logos em PNG com fundo transparente chegam com fundo preto ou branco, inutilizando a versão para uso sobre diferentes áreas do site;
- A resolução cai drasticamente — o que antes tinha 2000px de largura chega com menos de 800px, impossibilitando uso em banners e áreas grandes.
Em resumo: o logo que a equipe de design recebe pelo WhatsApp não é o seu logo original. É uma cópia degradada que vai fazer o seu site parecer amador.
2. Qual o formato ideal para o site?
Para que seu logotipo apareça com perfeição em qualquer parte do site — do menu ao rodapé, de banners a favicons — é fundamental enviar o arquivo no formato correto.
PNG de alta resolução (fundo transparente)
O formato PNG é o padrão para logotipos na web porque:
- Preserva a transparência — o logo pode ser colocado sobre qualquer cor de fundo sem aquela caixinha branca ou preta ao redor;
- Mantém a nitidez — ideal para textos, ícones e formas com bordas definidas;
- Não perde qualidade — é um formato sem perda (lossless).
Dica de ouro: envie sempre uma versão em alta resolução (no mínimo 1000px de largura). Se tiver a versão em vetor (.SVG), melhor ainda — o vetorial se ajusta a qualquer tamanho sem nunca perder qualidade.
JPEG (para fotos)
O formato JPEG é indicado para fotografias e imagens com gradientes e muitas cores, como:
- Fotos da equipe;
- Fotos de produtos;
- Imagens de ambientes ou escritórios.
Ele não suporta transparência, mas oferece uma boa compressão, mantendo a qualidade visual com tamanho de arquivo menor — essencial para que o site carregue rápido.
Resumo prático
| Situação | Formato ideal | Canal de envio |
|---|---|---|
| Logotipo | PNG (alta resolução, fundo transparente) ou SVG | E-mail, Google Drive, Dropbox |
| Fotografias | JPEG | E-mail, Google Drive, Dropbox |
| Ícones e ilustrações | SVG ou PNG | E-mail, Google Drive, Dropbox |
Conclusão
Enviar o logo pelo WhatsApp é o atalho que sai caro. A compressão do aplicativo degrada a sua marca no exato momento em que ela mais precisa estar impecável: na estreia do seu novo site.
O que fazer então? Envie sempre os arquivos originais por e-mail ou faça upload em uma pasta compartilhada no Google Drive ou Dropbox. Assim, a equipe recebe o arquivo com toda a resolução, transparência e fidelidade de cor que a sua marca merece.
Precisando de ajuda para identificar o formato correto do seu logo? Entre em contato com nossa equipe — estamos prontos para orientar você em cada etapa do projeto.
Precisando de ajuda com o seu projeto de site?
Falar com nossa equipeClique nos traços coloridos à esquerda para ler as descrições à direita
Catálago
Grupos
Podemos criar, deletar e editar grupos para visualização na página de busca ou nos hotsites
Modelos de e-mail
Personalizamos o estilo do email via código e alteramos as variáveis, não fazemos configuração como questões de disparos e configurações gerais, que devem ser tratados com o Onboarding/Suporte
Modelos de impressão
Personalizamos os contratos, recibos e faturas a partir do código e com as variáveis disponíveis no sistema, dependendo do caso, conseguimos solicitar novas variáveis ao TI
Central de Reservas
Lista de Entrada e Saída
Podemos fazer edições na ficha de entrada e saída para Recepção.
Página de Reserva
Nessa página, nós conseguimos editar alguns documentos impressos, como: Ficha de Hóspedes, Faturas (Hospedagem, Extras, Total) e Contrato.
As edições são feitas via Modelos de e-mail ou impressão no menu Catálogo.
Ofertas e Promoções
Fazer Proposta
Nessa seção, conseguimos fazer pequenos ajustes visuais ou de bug na página gerada com as ofertas. A página em questão é gerada a partir de: Compartilhe sua proposta > Link
Abaixo o modelo de página:
Gerenciar Site & Templates
Somos responsáveis por toda essa área do sistema, menos a área de traduções.
Editor do Site
Área onde editamos o menu, hotsites, páginas e blog.
Gerenciador de Mídias
Espaço para carregar imagens que serão utilizadas no site, sem ligação com as imagens das acomodações.
Templates
Edição de códigos, tanto por nós, tanto por clientes Agência, que são os únicos com acesso a essa área. Além da personalização das imagens do site, como logo e ícone
Auxiliares
Área para configuração de SEO geral do site e configuração do motor externo.
Financeiro
Contas a Pagar, Contas a Receber e Extrato de Contas
Nessas opções específicas, conseguimos fazer duas alterações em impressos, no arquivo de Contabilidade Geral, e o Recibo de pagamento, nesse último, é um documento único que abrange tanto contas a pagar como receber.
Balanço de Proprietários
Nas opções do Proprietário, personalizamos o documento que será impresso a partir das variáveis disponíveis, além de editar o email a ser enviado, lembrando que ambas opções são editadas via Modelos de e-mail e impresso
Configurações
Site
Basicamente fazemos as alterações da opção Site, porém ajustamos algumas outras opções variadas dependendo do ajuste que estamos realizando, como por exemplo, Informações da Empresa, Hóspedes ou Configurações Gerais.
App Center
Outros
Dentro dos Aplicativos disponíveis, auxiliamos os clientes com algumas demandas, como: Google Analytics, Google Tag Manager, Google Captcha, Google Maps e a integração com o AskSuite.
Lembrando que, quando o cliente tem problemas com o GTM ou precisam fazer uma integração mais complexa, deve ser encaminhada ao time de TI/Produto para melhor análise, e quando eles possuem um script para ser implementado no site, nós fazemos essa demanda, um bom exemplo, seria o Pixel do Facebook.
Além das especificações anteriores, não atendemos demandas de API, por não termos conhecimento técnico para repassar ao cliente.
Como escolher e nos enviar a Paleta de Cores da sua marca
As cores são uma das primeiras coisas que o visitante percebe ao entrar no seu site. Elas transmitem personalidade, geram emoções e — quando bem aplicadas — guiam o olhar do usuário exatamente para onde você quer. Mas para que isso funcione, a equipe de web design precisa receber as suas cores no formato correto.
Neste artigo, você vai entender o que é o código hexadecimal, por que ele é essencial e como o contraste entre cores impacta diretamente a experiência do usuário — e os resultados do seu site.
1. O que é o Código Hexadecimal (#HEX)?
O código hexadecimal — ou simplesmente HEX — é a linguagem que os navegadores usam para interpretar cores na web. Cada cor é representada por uma combinação de letras e números precedida do símbolo #.
Exemplos de códigos
| Cor | Código HEX |
|---|---|
| Preto | #000000 |
| Branco | #FFFFFF |
| Vermelho | #FF0000 |
Ao enviar o código HEX das cores da sua marca, você garante que o site reproduza exatamente o tom escolhido pelo seu designer — sem variações, sem "mais ou menos", sem surpresas.
Por que enviar o código HEX?
- Precisão absoluta —
#1C383Dé sempre#1C383D, independentemente do dispositivo ou monitor; - Comunicação clara — em vez de dizer "um verde escuro, meio azulado", você fornece um código universal;
- Agilidade no projeto — a equipe aplica as cores imediatamente, sem precisar adivinhar ou testar tons próximos.
Dica prática: não sabe o código HEX da sua marca? Use um Color Picker gratuito (como o do Google ou sites como colorpicker.me). Basta carregar a imagem do seu logo e a ferramenta identifica o código de cada cor automaticamente.
2. Contraste e Acessibilidade Visual
Ter as cores certas não basta. É preciso garantir que elas funcionem juntas, de forma legível para todos os visitantes — incluindo aqueles com alguma limitação visual.
Problemas de contraste fraco
Imagine um botão com texto cinza claro sobre um fundo branco. Pode parecer elegante para alguns, mas na prática:
- Gera abandono — o usuário não enxerga a chamada de ação e sai do site sem converter;
- Dificulta a leitura — especialmente em telas de celulares com brilho reduzido ou sob a luz do sol;
- Prejudica o SEO — o Google considera a experiência do usuário como fator de ranqueamento.
Acessibilidade: alto contraste é para todos
Alto contraste não é apenas para pessoas com deficiência visual. Ele beneficia:
- Pessoas usando celulares em ambientes muito iluminados;
- Usuários mais velhos com visão reduzida;
- Qualquer pessoa em condições de tela desfavoráveis.
A regra é simples: texto escuro sobre fundo claro ou texto claro sobre fundo escuro. Evite combinações como cinza sobre cinza ou amarelo sobre branco.
A Regra Prática: 60 - 30 - 10
Para o site não ficar poluído visualmente, aplicamos uma regra clássica de distribuição de cores:
| Proporção | Função | Onde aplicar |
|---|---|---|
| 60% Cor Dominante (Neutra) | Fundos e espaços vazios | Branco, Off-white ou Cinza escuro (no Dark Mode) |
| 30% Cor Secundária (Estrutural) | Menus, rodapés e blocos de conteúdo | Geralmente a cor principal da sua marca |
| 10% Cor de Destaque (Ação) | Botões de conversão e links importantes | Laranja, Verde vibrante ou outra cor que se destaque |
Essa distribuição garante harmonia visual, hierarquia clara e — o mais importante — faz com que os botões de ação se destaquem naturalmente, sem competir com o restante do design.
Conclusão
Enviar as cores da sua marca não precisa ser complicado. Com os códigos HEX em mãos e a atenção ao contraste, você entrega à equipe de design tudo o que é necessário para criar um site bonito, profissional e acessível.
Lembre-se da regra 60-30-10: a maioria do site é neutra, a sua marca estrutura o visual e uma cor de destaque conduz o usuário à ação. Simples assim.
Tem dúvidas sobre as cores da sua marca? Nossa equipe pode ajudar a identificar os códigos HEX e avaliar o contraste do seu projeto.
Precisando de ajuda com o seu projeto de site?
Falar com nossa equipe