QR codes com marca — com cores personalizadas, um logo no centro ou módulos arredondados — são lidos 34% mais vezes do que os códigos padrão a preto e branco em testes de impressão controlados (Scanova QR Design Study, 2025). O mecanismo é a atenção: um código que parece desenhado sinaliza que vale a pena lê-lo. Uma grelha preta simples parece um artefacto técnico; um código com marca parece um convite.
Pontos-chave
- QR codes com marca geram 34% mais scans do que as versões a preto e branco
- O logo no centro é seguro se cobrir 30% ou menos da área do código
- Primeiro plano escuro sobre fundo claro — nunca o contrário (os códigos invertidos frequentemente falham)
- A forma do módulo (pontos, arredondados, quadrados) afeta a estética, não a fiabilidade de leitura
- Verificar sempre a fiabilidade de leitura após adicionar elementos de design — nunca assumir
Regras de cor para design QR
O contraste é a única regra inegociável
Os scanners QR detetam o contraste entre os módulos escuros (o padrão) e o fundo claro. Enquanto o contraste for mantido, a cor é flexÃvel. O que nunca funciona:
- Códigos invertidos (padrão claro sobre fundo escuro) — a maioria das apps de câmara não consegue lê-los de forma fiável
- Combinações de cor de baixo contraste — ex.: azul escuro sobre verde escuro, ou amarelo sobre branco
- Fundos degradê com áreas claras sob o código — contraste inconsistente quebra a leitura
O que funciona de forma fiável:
- Cor de marca escura sobre fundo branco ou claro
- Padrão preto com fundo colorido (se o fundo for suficientemente claro)
- Duas cores de marca contrastantes — ex.: azul-marinho profundo sobre fundo creme
Regra de teste: Se não conseguir ver claramente todos os pequenos quadrados à distância de um braço, o contraste é insuficiente.
Adicionar um logo a um QR code
Os logos funcionam porque os QR codes incluem correção de erros: redundância incorporada que permite que até 30% dos dados do código sejam obscurecidos ou danificados e que a leitura seja bem-sucedida. Colocar um logo no centro — onde a densidade de dados é menor — tira partido desta caracterÃstica.
Diretrizes seguras para colocação de logo:
- O logo cobre 20–25% da área total do QR (recomendado)
- Logo colocado exatamente no centro
- O logo tem fundo branco ou claro atrás (sem transparência diretamente sobre os módulos)
- O logo tem cantos arredondados ou bordas suaves — logos geométricos afiados às vezes fundem-se visualmente com os módulos
- Exportar em alta resolução (SVG ou PNG a 1000×1000px mÃnimo) para evitar pixelização do logo
Opções de forma do módulo
Os geradores de QR oferecem diferentes formas de módulo (ponto): quadrado (padrão), quadrado arredondado, cÃrculo (ponto) e várias opções decorativas. Do ponto de vista da fiabilidade de leitura, todas funcionam — os scanners modernos lidam com módulos arredondados e circulares sem dificuldade.
Guia estético:
- Módulos quadrados: aparência tradicional, técnica — apropriado para contextos B2B e financeiros
- Quadrados arredondados: aparência mais suave — popular para retalho, hospitalidade e marcas de consumo
- CÃrculos (pontos): aparência moderna, orientada para o design — usada em moda, beleza e tecnologia
- Formas mistas: os finder patterns (os três quadrados nos cantos) devem permanecer reconhecÃveis — não aplicar formas personalizadas a estes
Padrões de olho (estilização do finder pattern)
Os três padrões quadrados nos cantos de um QR code são os finder patterns — indicam ao scanner onde o código começa e termina. Podem ser estilizados com bordas e cores de preenchimento personalizadas, mas devem permanecer visualmente distintos e de alto contraste.
Personalizações seguras: borda exterior arredondada, quadrado interior colorido, cor de primeiro plano diferente dos módulos.
Personalizações inseguras: tornar os finder patterns da mesma cor dos módulos (o scanner perde a orientação), remover o quadrado interior ou torná-los transparentes.
Testar o QR code desenhado
Um QR code desenhado deve ser testado antes da produção. Isto é inegociável — o que parece correto no ecrã pode falhar em impressão devido ao rendering de cor, perda de resolução ou compressão da zona tranquila.
Lista de verificação de testes:
- Imprimir uma cópia no tamanho pretendido
- Ler com pelo menos três telemóveis: iPhone mais recente, Android de 3 anos, dispositivo de gama média mais antigo
- Testar com luz reduzida (restaurante, bar, espaço de evento interior)
- Testar da distância de scan pretendida
- Se algum teste falhar: aumentar o tamanho 25%, aumentar o contraste ou reduzir a cobertura do logo
Perguntas frequentes
Posso fazer um QR branco sobre fundo colorido? Apenas se o fundo for suficientemente escuro para fornecer alto contraste com os módulos brancos. Fundo claro com módulos escuros é o padrão e a direção mais fiável — evitar inverter a menos que se possa testar cuidadosamente.
Adicionar um logo abranda a leitura? Não de forma mensurável. Os scanners QR modernos processam códigos em milissegundos independentemente da presença do logo. O único fator que abranda a leitura é contraste ou tamanho insuficientes.
Posso usar gradientes num QR code? Sim, se o gradiente permanecer suficientemente escuro ao longo de toda a extensão. Um gradiente que vai de escuro nas bordas a claro no centro quebrará a leitura onde o contraste cair. Testar o código inteiro, não apenas o centro.
Qual é a melhor cor de fundo para um QR code? O branco é o mais seguro. Cinza claro, creme ou cores de marca claras também funcionam se o contraste com a cor do módulo for mantido. Evitar fundos próximos em luminosidade à cor do módulo.
Relacionados: Guia de tamanhos QR · QR codes para flyers e cartazes · Guia QR codes dinâmicos