Antes de escolher a cor da etiqueta, decida o que o comprador precisa distinguir na primeira leitura: o preço promocional, a condição para obtê-lo e se o produto está disponível. Se esses três sinais usam o mesmo recurso visual, a promoção vira ruído. A orientação prática é separar desconto de disponibilidade por meio de três camadas — número, texto e cor — com funções fixas e legíveis tanto no papel quanto na tela do celular. O exemplo a seguir é hipotético e serve para testar critérios, não para prever resultado.
A decisão que vem antes do layout: o que cada camada comunica
A primeira decisão não é estética, é de hierarquia. Números devem carregar o valor monetário e a porcentagem do desconto; texto deve nomear a condição e o estado de disponibilidade; cor deve reforçar a distinção, nunca ser o único sinal. A WCAG orienta que a cor não seja usada como único meio visual de transmitir informação, indicar ação ou distinguir um elemento visual. A WCAG trata de conteúdo web. Para a etiqueta impressa, propomos usar esse princípio como referência editorial de legibilidade; isso não equivale a uma certificação do impresso pela WCAG.
Na prática, defina uma legenda fixa: preço promocional sempre em algarismos maiores e com cifrão; condição sempre em frase curta, como “leve 2, pague 1” ou “a partir de 3 unidades”; disponibilidade sempre com palavra explícita, como “disponível” ou “esgotado”, acompanhada de um símbolo simples. A cor entra como terceira camada: um fundo claro para o bloco de preço, uma faixa neutra para a condição e um selo com contraste para a disponibilidade. O teste é reproduzível: converta uma cópia da imagem em escala de cinza e veja se a informação continua compreensível.
Exemplo hipotético com critérios de leitura no papel e no celular
Suponha uma marca de suplementos chamada Vitalis, inventada para este exercício. Na gôndola, a etiqueta de papel tem três blocos. No topo, em preto sobre branco, o número “R$ 89,90” e, ao lado, “-20%”. Abaixo, em texto menor, a condição: “válido para assinatura mensal”. No rodapé, um selo retangular com a palavra “disponível” e um ícone de caixa. A cor de fundo do bloco de preço é amarela; a da condição, cinza-clara; a do selo, verde-escura com texto branco. Se a foto for tirada a três metros, o número ainda deve ser o primeiro elemento lido; a condição, o segundo; a disponibilidade, o terceiro.
No celular, a mesma etiqueta vira um card. O critério de leitura muda: o número precisa caber sem quebra de linha, a condição não pode virar letra miúda e o selo de disponibilidade deve aparecer antes do botão de compra. Uma alternativa é usar um ícone de caixa aberta para “disponível” e um ícone de caixa riscada para “esgotado”, sempre com a palavra ao lado. Outra alternativa é separar a disponibilidade em uma faixa superior, fora do bloco de preço. O limite é claro: se a etiqueta depende de cor para diferenciar “desconto” de “disponibilidade”, ela falha no teste de leitura sem cor.
Contraste e legibilidade: o que a cor pode e não pode resolver
Para o conteúdo web, o critério de contraste da WCAG estabelece 4,5:1 para texto normal e 3:1 para texto grande, com as exceções especificadas na norma. Verifique a relação entre as cores do texto e do fundo na versão digital. Esse teste não mede vendas nem garante compreensão por todas as pessoas. No material impresso, avalie separadamente uma prova física sob a iluminação de uso; papel, tinta e reflexos podem alterar a leitura. Não apresente a inspeção do impresso como conformidade com uma norma web.
Use a cor para reforçar uma informação que já esteja expressa em número ou texto. Se a categoria usa vermelho para promoção, esse repertório pode ajudar a reconhecer a oferta, mas não elimina a necessidade de explicitar preço e condição. Uma imagem em escala de cinza permite observar se os rótulos continuam distinguíveis sem aquele código de cor. O limite desse ensaio é que ele não simula todas as formas de deficiência visual nem substitui testes com pessoas ou a avaliação de contraste da versão digital.
Como testar antes de publicar e quando rever a etiqueta
Como proposta editorial, faça três verificações antes de aprovar. Primeiro, imprima uma prova no tamanho de uso e avalie a leitura à distância esperada na loja, registrando essa distância. Segundo, examine a versão digital no celular e confira se preço, condição e disponibilidade continuam legíveis. Terceiro, gere uma cópia em escala de cinza e peça a outra pessoa que identifique essas três informações, sem explicar antes a legenda. Registre ambiguidades e revise o layout. Esse roteiro é uma inspeção de legibilidade; não é um teste estatístico de conversão.
A etiqueta deve ser revista quando mudar a condição de venda, o preço ou o estado de disponibilidade. Também quando a marca passar a usar a mesma etiqueta em papel e em mídia digital, porque o contraste e o tamanho do texto mudam. O limite desta análise é que ela não mede conversão nem valida a escolha estética; ela apenas organiza a informação para que desconto e disponibilidade não se confundam. A decisão de negócio continua sendo da marca, com base no seu público e no seu canal.
Fontes
Para aprofundar
- Kit de três peças: como separar itens e pedido para medir a campanha sem somar o que não se soma
- Como uma tabela comparativa pode sustentar a promessa de premium no celular e em voz alta
Sinal / Consumo & Inteligência. Texto produzido com auxílio de IA e revisão editorial automatizada.
