Homem de cerca de 40 anos sorrindo com o celular Mulher de cerca de 60 anos segurando um secador
Mulher de cerca de 45 anos no sofá olhando o celular

Manual de identidade visual · v2.0

Indique o que você usa. Ganhe em cada venda.

O sistema visual da loja e do programa de afiliados: logotipo, cor, tipo, foto e cada tela da jornada — da vitrine ao saque da comissão.

Fundamentos

A marca

Uma loja onde quem compra também vende. O Programa de Parceiros transforma cliente em indicador: o link dele leva a venda, a venda gera comissão.

Posicionamento

E-commerce com programa de afiliados e criadores: a pessoa compra, indica pelo próprio link e recebe comissão em cada venda.

“Indique o que você usa. Ganhe em cada venda.”

O link é o produto

Tudo começa num link. Gerar, copiar e compartilhar precisa caber em dois toques.

Ganho visível

Comissão, prazo e saldo aparecem em número, nunca em promessa vaga.

Gente comum

A foto mostra pessoas de 30 a 60 anos, em casa, usando o que indicam.

Regra clara

Quanto ganha, quando cai, o que conta como venda. Sem letra miúda.

Para quem
Homem de 50 anos no sofá com o celular

Afiliado

Compartilha links no WhatsApp, Instagram e Facebook. Ganha por venda. Entra com a conta da loja, sem custo.

Mulher de 35 anos mostrando um produto

Criador de conteúdo

Grava vídeo recomendando produto e ganha por venda e por visualização. Acima de 10 mil seguidores.

Relação com marcas de terceiros
A linguagem visual é de varejo; a marca é nossa. Amarelo de faixa, azul de ação e foto de gente real são convenções do e-commerce brasileiro. O logotipo, o emblema e o nome são exclusivos. Nunca usar logo, mascote, nome ou texto de outra empresa.
Fundamentos

Cores

Amarelo é superfície. Azul é ação. Marinho é só do logotipo. Verde é dinheiro no bolso. Clique numa cor para copiar o hexadecimal.

Branco e fundo 60% Amarelo 22% Azul 10% 5% 3
Amarelo — superfície da marca
Azul — ação
Marinho — logotipo
Neutros
Texto
Semânticas
Pares aprovados (contraste AA)
Marinho sobre Amarelo Logo, hero, títulos de campanha
Tinta sobre Amarelo Texto de faixa e rótulo
Branco sobre Azul Botão primário — só texto 16 px 600+
Azul Hover sobre Branco Link de texto corrido
Verde sobre Branco Frete grátis e % OFF, 14 px 600+
Amarelo sobre Noite Rodapé e logo negativo
Regras
  • Amarelo cobre a faixa inteira: hero, header de campanha, banner. Nunca vira texto.
  • Um azul por decisão. Se tem dois botões azuis cheios lado a lado, um deles é secundário.
  • Verde só para ganho: desconto, frete grátis, comissão paga, saldo.
  • Marinho em botão, link ou texto de interface. Ele pertence ao logotipo.
  • Texto branco sobre amarelo. Não passa em contraste.
Fundamentos

Tipografia

Uma família para tudo, outra só para o logotipo. Títulos em negrito curto, preço grande e leve, centavos sobrescritos.

Aa

Figtree Interface e editorial

Todo texto da loja: título, corpo, botão, preço, painel.

Pesos: 400 · 500 · 600 · 700 · 800

Sans humanista de varejo. Títulos 600–700, corpo 400, preço 400 grande com centavos sobrescritos.

Aa

Nunito Logotipo

Face de referência do nome. O logo publicado é o arquivo oficial, com o nome já desenhado.

Pesos: 800 · 900

Terminais arredondados, o mesmo tom do nome no arquivo. Nunca em texto corrido e nunca no lugar do arquivo oficial.

Escala
Display48 / 1.1 · 700
Ganhe dinheiro indicando
H136 / 1.15 · 700
Ofertas do dia
H228 / 1.2 · 600
Tudo o que o programa tem para você
H320 / 1.3 · 600
Fone de ouvido sem fio com cancelamento de ruído
Corpo16 / 1.5 · 400
Compartilhe links de produtos e ganhe por cada venda confirmada.
Pequeno14 / 1.4 · 400
Chega grátis amanhã
Legenda12 / 1.35 · 400
Vendido por Loja Oficial · 1.240 vendas
Rótulo12 / 1 · 700 · caixa alta
Afiliados e criadores
Preço
R$34990
R$2799020% OFF
em 12x R$ 23,32 sem juros

Preço atual Figtree 400 a 36 px, centavos a 50 % do tamanho, alinhados ao topo. Nunca negrito.

Números de painel
Comissão do mêsR$ 4.382,15

KPIs em Figtree 700 com font-variant-numeric: tabular-nums para colunas alinhadas.

Fundamentos

Grid, espaço & elevação

Container de 1200 px, 12 colunas, espaçamento em múltiplos de 4. Cards brancos sobre fundo cinza, sombra curta.

12 colunas · gutter 16 px
123456789101112
BreakpointLarguraColunasProdutos por linha
Mobile< 64042
Tablet640–102383
Desktop1024–1279124
Largo≥ 128012 · max 12005
Espaçamento
--s-14 px
--s-28 px
--s-312 px
--s-416 px
--s-524 px
--s-632 px
--s-748 px
--s-864 px
Raio
4 pxInput, badge
6 pxBotão
8 pxCard, foto
12 pxModal
999 pxChip, avatar
Elevação
PlanoBorda 1 px #E6E6E6
Card0 1px 2px rgba(0,0,0,.12)
Hover de card0 7px 16px rgba(0,0,0,.10)
Modal, dropdown0 12px 32px rgba(0,0,0,.18)
Fundamentos

Iconografia

Interface usa Lucide em traço 1,75. Destaques de campanha usam ícone ilustrado em amarelo e azul, com contorno escuro.

Interface · Lucide 20 px
Ilustrado · destaques de campanha

Cresça

Link

Cupom

Ganho

Ícone ilustrado aparece no máximo quatro vezes por tela, sempre com título embaixo. Não usar em botão.

Fundamentos

Fotografia

Dois tipos de foto: gente de 30 a 60 anos em casa, e produto em fundo branco. Nunca misturar os dois no mesmo card.

Pessoas · lifestyle
Pessoa de 33 anos em casa
33 anos
Pessoa de 36 anos em casa
36 anos
Pessoa de 38 anos em casa
38 anos
Pessoa de 41 anos em casa
41 anos
Pessoa de 44 anos em casa
44 anos
Pessoa de 47 anos em casa
47 anos
Pessoa de 51 anos em casa
51 anos
Pessoa de 55 anos em casa
55 anos
Pessoa de 58 anos em casa
58 anos
Pessoa de 60 anos em casa
60 anos
  • Luz natural de janela, casa real, roupa do dia a dia. Celular na mão quando o assunto é link.
  • Faixa de 30 a 60 anos em toda peça com mais de uma foto. Misturar homens e mulheres.
  • Estúdio com fundo liso, pose de modelo, adolescente, marca visível em roupa ou produto.
Produto · packshot

Quadrado 1:1, fundo branco puro, produto ocupando 80 % da área, sombra suave. Mínimo 1200 px, entregue em WebP.

Fundamentos

Tom de voz & microcopy

Fala como um vizinho que entende de oferta: direto, próximo, com número. Frases curtas, verbo no começo do botão.

Direto

Diz o ganho em número.

Ganhe até 16% por venda.

Oportunidade incrível de renda!

Próximo

Você, nunca “o usuário”.

Seu link está pronto.

O link do usuário foi gerado.

Honesto

Diz o prazo e a regra.

Cai na sua conta 30 dias após a entrega.

Receba rapidinho!

Microcopy padrão
SituaçãoUsarEvitar
Botão da landingComeçar a ganharClique aqui
Gerar linkGerar meu linkSubmeter
Copiar linkCopiar link · Link copiadoCopiado com sucesso!!
CompraComprar agora · Adicionar ao carrinhoAdquirir
FreteChega grátis amanhãFrete: R$ 0,00
Comissão pendenteLiberada em 12 de outubroEm processamento
Erro de cartãoO banco recusou. Tente outro cartão ou Pix.Erro 402

Número sempre com unidade e sinal certos: “16%”, “R$ 23,32”, “12x”. Sem ponto de exclamação em interface.

Fundamentos

SEO & palavras-chave

Toda página nasce com título, descrição, imagem de compartilhamento e dados estruturados. As palavras abaixo guiam títulos e textos.

Prévia no Google
programadeparceiros.vip › programa Programa de Parceiros — ganhe comissão indicando produtos Gere seu link, compartilhe no WhatsApp e redes sociais e ganhe em cada venda. Cadastro grátis, comissão de até 16%.
Prévia no WhatsApp
Imagem de compartilhamento
Programa de ParceirosIndique o que você usa. Ganhe em cada venda.programadeparceiros.vip
Palavras-chave

Pilar

Criador

Loja

Jornada

Regras
TitleAté 60 caracteres. Produto: “Nome do produto — Programa de Parceiros”.
DescriptionAté 155 caracteres, com preço ou ganho em número.
OG image1200 × 630, faixa amarela, logo no canto, foto de produto ou pessoa.
SchemaProduct + Offer + AggregateRating em toda PDP. Organization na home.
Link de afiliadoParâmetro ?ref= com rel="canonical" apontando para a URL limpa.
Componentes

Botões

Primário azul cheio, secundário azul suave, terciário só texto. Canto 6 px, rótulo 16 px peso 600, verbo no começo.

Hierarquia
Tamanhos
Estados
Com ícone & só ícone
Compartilhar
Na página de produto

Na coluna de compra os dois botões ocupam a largura toda, empilhados. É o único lugar com dois botões de destaque juntos.

VarianteFundoTextoHoverUso
Primário#3483FABranco#2968C8Uma ação principal por bloco
Secundário#E3EDFB#3483FA#D0E1FAAção ao lado do primário
TerciárioTransparente#3483FA#F2F7FELinks de ação, “ver mais”
Sucesso#00A650Branco#008F45Confirmação momentânea
Componentes

Formulários

Rótulo em cima, campo de 48 px, borda cinza que vira azul no foco. Erro em vermelho, embaixo, dizendo o que fazer.

Campos

E-mail confirmado

Faltam números. O CPF tem 11 dígitos.

Não sei meu CEP
Seleção
Onde você divulga
Receber comissão por

Opcional · até 280 caracteres

Componentes

Badges & selos

Texto curto, sempre com uma função: preço, entrega, status ou ganho. No máximo dois selos por card.

Loja
25% OFF Frete grátis Envio rápido Oferta do dia Mais vendido Usado Esgotado Loja oficial
Parceiros
Ganhe 12% Ganhos EXTRAS Cupom exclusivo Nível Ouro
Status
Comissão paga Aguardando entrega Em trânsito Venda cancelada Rascunho
Chips de filtro
Componentes

Alertas

Faixa com barra lateral colorida, ícone e uma frase que diz o que aconteceu e o que fazer.

Venda confirmada. Você ganhou R$ 33,59 com o pedido #48213. Liberado em 30 dias.
Comissão nova nesta categoria. Casa e cozinha passou de 8% para 12% até domingo.
Confirme seus dados de Pix. Sem eles não conseguimos pagar a comissão de outubro. Confirmar agora
Faixa de topo
Frete grátis em compras a partir de R$ 79 · Ver regras
Componentes

Cards

Branco sobre cinza, canto 8 px, sombra curta. Foto sangrando no topo quando há foto. Um objetivo por card.

Homem compartilhando link pelo celular

Afiliado

Compartilhe links de produtos e ganhe por cada venda. Grátis com a sua conta.

Mulher gravando vídeo de produto

Criador de conteúdo

Publique vídeos recomendando produtos e ganhe pelas visualizações e vendas.

Seu saldo

R$ 1.284,60

Disponível para saque agora.

Seu produto mais vendido

Fritadeira elétrica 4 L

38 vendas · R$ 612,40 ganhos

Cupons exclusivos

Descontos para sua comunidade e mais conversão.

Adicionar rede social

Componentes

Avatares

Circular. Foto quando existe; sem foto, iniciais em marinho sobre amarelo claro. Selo de nível no canto.

Tamanhos
Iniciais, nível e grupo
MS ★
+12 mi
Componentes

Toasts

Confirmação rápida, embaixo no mobile e no canto superior direito no desktop. Some em 4 segundos. Clique para ver.

Link copiado. Cole no WhatsApp ou nas redes.
Adicionado ao carrinho
Fone sem fio com cancelamento de ruído
Ver carrinho
Componentes

Modais & drawers

Modal para decisão curta, drawer lateral para carrinho e filtros. Fecha com Esc, clique fora ou botão X.

Componentes

Loadings & skeletons

Skeleton para listas e cards, spinner azul só dentro de botão ou ação curta. Nada de tela inteira travada.

Skeleton de card
Spinner & dots

Acima de 3 segundos, trocar o spinner por texto: “Buscando as melhores ofertas…”.

Componentes

Progresso & steps

Barra verde para ganho (frete grátis, meta do mês), azul para tarefa. Steps numerados no checkout e no cadastro.

Barras
Meta do mêsR$ 1.284 de R$ 2.000
Perfil completo3 de 5
Oferta termina em02:14:09
Steps
  1. 1Carrinho
  2. 2Entrega
  3. 3Pagamento
  4. 4Revisão
Linha do tempo do pedido
  1. Compra aprovada22 set · 14:02
  2. Preparando o envio22 set · 17:40
  3. A caminhoChega amanhã, 26 set
  4. Entregue—
Componentes

Tabelas

Cabeçalho cinza claro, linhas de 52 px, números alinhados à direita em tabular. No mobile vira lista de cards.

Vendas do parceiro
ProdutoDataStatusVendaComissão
Fritadeira elétrica 4 L 24 set Paga R$ 389,00 R$ 46,68
Tênis de corrida leve 23 set Aguardando entrega R$ 299,90 R$ 29,99
Relógio inteligente 22 set Em trânsito R$ 459,00 R$ 36,72
Mochila para notebook 20 set Cancelada R$ 189,90 R$ 0,00
Total do períodoR$ 113,39
Componentes

Acordeão & FAQ

Pergunta em negrito, resposta curta. Um item aberto por vez. Usa <details> nativo.

Quanto eu ganho por venda?

Depende da categoria: de 4% a 16% do valor do produto. Produtos com Ganhos EXTRAS pagam uma porcentagem a mais, mostrada no card.

Quando a comissão cai na minha conta?

A venda é confirmada quando o comprador recebe o produto. A comissão fica disponível 30 dias depois, para cobrir devoluções.

Ganho se a pessoa comprar outro produto?

Sim. Se alguém entra pelo seu link e compra outro item em até 24 horas, você também ganha.

Preciso ter muitos seguidores?

Para ser afiliado, não. Para o perfil de criador de conteúdo, o mínimo é 10 mil seguidores no TikTok ou Instagram.

Componentes

Movimento

Rápido e útil. Tudo entre 120 e 280 ms. Nada anima sozinho em loop, exceto skeleton e contador de oferta. Respeita “reduzir movimento”.

Durações
--t-fast120 msHover de botão, cor
--t-base200 msCard sobe, chip ativa
--t-slow280 msModal, drawer, toast
--easecubic-bezier(.2,.7,.3,1)
Teste · passe o mouse
Card sobe
Loja

Vitrine & home

Header amarelo, carrossel de banner, atalhos de categoria, faixa de oferta com contador e carrosséis de produto em cards brancos sobre cinza.

Ofertas do dia

Termina em 02:14:09 Ver todas
Ordem da home
  1. Header amarelo com busca e CEP
  2. Banner em carrossel, 5 no máximo
  3. Atalhos de pagamento, frete e programa
  4. Ofertas do dia com contador
  5. Categorias
  6. Carrosséis por interesse: “Visto recentemente”, “Mais vendidos”
  7. Faixa amarela do Programa de Parceiros
  8. Rodapé
Loja

Card de produto

O componente mais repetido da loja. Ordem fixa: foto, nome, preço antigo, preço, % OFF, parcelamento, frete, avaliação.

Grid da vitrine

Passe o mouse: o card ganha sombra e sobe 2 px. Todos os cards de uma linha têm a mesma altura.

Versão do parceiro · mostra o ganho
Anatomia
ElementoEstiloRegra
Foto1:1, fundo brancoBorda inferior 1 px #EDEDED separa foto do texto
Nome14 px · 400 · #333Até 2 linhas, corta com reticências
Preço antigo12 px · riscado · #737373Só quando existe desconto real
Preço24 px · 400 · centavos sobrescritosNunca negrito
% OFF14 px · 400 · verdeArredondado para inteiro
Parcelas12 px · verde“em 12x R$ X sem juros”
Frete12 px · 600 · verde“Frete grátis” + selo de envio rápido
AvaliaçãoEstrelas azuis 12 pxNota + estrelas + total entre parênteses
Loja

Página de produto

Três colunas no desktop: galeria, informação, compra. Tudo que responde “quanto custa”, “quando chega” e “é confiável” fica acima da dobra.

Fone de ouvido sem fio com cancelamento de ruído

Novo · +5 mil vendidos

Fone de ouvido sem fio com cancelamento de ruído

4,8(2.314)
Mais vendido · 3º em Fones
R$39990
R$2799030% OFF

em 12x R$ 23,32 sem juros

Ver os meios de pagamento

Cor: Preto

  • Cancelamento ativo de ruído com modo ambiente
  • Bateria para até 40 horas
  • Conexão com dois aparelhos ao mesmo tempo
Características
MarcaGenérica
ConexãoBluetooth 5.3
Bateria40 horas
Peso250 g
Garantia12 meses
Perguntas ao vendedor

Funciona com celular Android?

Sim, com qualquer aparelho com Bluetooth. · 20/09

Tem nota fiscal?

Sim, enviada junto com o produto. · 18/09

Ordem da PDP
  1. Galeria · título · preço · variação · compra
  2. Entrega e garantias na coluna de compra
  3. Quem vende
  4. Produtos relacionados
  5. Características
  6. Descrição
  7. Perguntas
  8. Avaliações

No mobile a coluna de compra vai para baixo do preço e ganha a barra fixa com o botão “Comprar agora”.

Loja

Busca & filtros

Filtros à esquerda em lista de links com contagem. Resultado em grid ou lista. Filtro ativo vira chip removível no topo.

Autocomplete
  • fone sem fio
  • fone sem fio bluetooth
  • fone sem fio esportivo
  • Fone sem fio com cancelamento de ruído R$27990
Loja

Carrinho

Lista de itens em card branco à esquerda, resumo fixo à direita. A barra de frete grátis mostra quanto falta.

Fone de ouvido sem fio com cancelamento de ruído

Envio rápido
-30% R$39990R$27990

Garrafa térmica inox 750 ml azul-marinho

Envio rápido
-25% R$11990R$8990
Frete
Você ganhou frete grátis
Grátis
Loja

Checkout & pagamento

Header reduzido, só logo e “compra segura”. Uma decisão por tela: entrega, pagamento, revisão. Resumo sempre visível.

Compra 100% segura
  1. 1Entrega
  2. 2Pagamento
  3. 3Revisão

Escolha como pagar

Dados do cartão

Pix gerado

Pague R$ 351,31 com Pix

O código vence em 29:41. A aprovação é imediata.

Compra aprovada

Pronto! Sua compra foi aprovada

Chega amanhã, 26 de setembro. Enviamos os detalhes para [email protected].

Acompanhar pedido
Loja

Frete & rastreio

Prazo em data, não em dias úteis. “Chega amanhã” sempre em verde. O rastreio mostra onde está e quando chega.

Opções de entrega
Rastreio

Chega amanhã

Pedido #48213 · Fone sem fio

  1. Compra aprovada24 set · 14:02
  2. Saiu do centro de distribuição25 set · 06:10 · Cajamar, SP
  3. A caminho do seu endereçoChega amanhã entre 8h e 20h
  4. Entregue—
Loja

Preços & ofertas

Preço grande e leve, centavos pequenos no alto. Desconto em verde, urgência em laranja. Nunca vermelho para preço.

SimplesR$8990em 6x R$ 14,98 sem juros
Com descontoR$39990
R$2799030% OFF
PixR$26590no Pix · 5% OFFou R$ 279,90 no cartão
Relâmpago Oferta relâmpagoR$19990
72% vendido
Leve mais, pague menos
Loja

Avaliações

Estrelas azuis, nota grande à esquerda, distribuição em barras. Opinião com foto sobe para o topo.

4,8 4,8 2.314 avaliações
5 ★
4 ★
3 ★
2 ★
1 ★
5,0

Isolamento de ruído muito bom

Uso no ônibus todo dia. A bateria dura a semana inteira e o som é limpo.

Ricardo, 47 anos · 12 set

4,0

Confortável, mas aperta um pouco

Depois de duas horas sinto a orelha. O resto é ótimo pelo preço.

Sandra, 58 anos · 03 set

Parceiros

Landing do programa

A página que recruta parceiros. Faixa amarela com colagem de fotos, dois perfis em card, faixa de prova social e quatro benefícios ilustrados.

Casal de 55 anos abrindo uma caixa de compra

Afiliados e criadores

Ganhe dinheiro indicando o que você já usa

Compartilhe links e vídeos. Cada venda confirmada vira comissão na sua conta.

Começar a ganhar

Comissão de 4% a 16% conforme a categoria.

Afiliado

Compartilhe links de produtos e ganhe por cada venda. Aumente seus ganhos com lojas que oferecem Ganhos EXTRAS.

É grátis. Só precisa da sua conta.

Criador de conteúdo

Publique vídeos recomendando produtos de diferentes marcas e ganhe pelas visualizações.

Para quem tem +10 mil seguidores.

Já somos +80 mil parceiros
em todo o Brasil

Tudo o que o programa tem para você

Cresça como criador

Crie conteúdo para marcas e lojas e ganhe pelo desempenho dos vídeos.

Produtos com Ganhos EXTRAS

Lojas oferecem uma porcentagem a mais para você ganhar ainda mais.

Cupons para compartilhar

Descontos exclusivos para sua comunidade e mais conversão.

Ganhe em outro produto

Se a pessoa entrar pelo seu link e comprar outra coisa, você também ganha.

Cadastre-se agora
Parceiros

Painel de ganhos

O parceiro abre o painel para responder três perguntas: quanto ganhei, quando recebo, o que vende mais. Nessa ordem.

Disponível para saqueR$ 1.284,60
A liberarR$ 2.097,55Próxima liberação: 12 out
Vendas no mês127 +18% vs. agosto
Cliques4.812Conversão 2,6%

Comissão por mês

Por canal

WhatsApp58%
Instagram27%
Facebook10%
Outros5%
Extrato
DataDescriçãoStatusValor
25 setSaque via Pix · chave e-mailPago− R$ 900,00
24 setComissão · Fritadeira elétrica 4 LLibera 24 out+ R$ 46,68
23 setGanho EXTRA · Fone sem fioLibera 23 out+ R$ 8,40
20 setEstorno · Mochila devolvidaEstornado− R$ 22,79
Parceiros

Cupons & ganhos extras

Cupom tem visual de ticket com picote e código copiável. Ganho EXTRA aparece como selo violeta-azul no card e na busca.

15% OFFEm toda a categoria Casa
MARCIA15Válido até 30 set
R$ 30 OFFCompras acima de R$ 200
PARCEIRO30Válido até 5 out
Frete grátisSem valor mínimo
FRETEMARCIAVálido até 12 out
Cupom aplicado no carrinho
MARCIA15 aplicado · você economizou R$ 58,35
Ganhos EXTRAS
Ganhos EXTRAS

+4% em Eletrônicos até domingo

Lojas parceiras pagam além da comissão padrão. O extra entra junto com a comissão.

Ver produtos
Parceiros

Níveis do parceiro

Quatro níveis por vendas nos últimos 90 dias. Cada nível tem cor própria e aumenta a comissão base.

Bronze

0 a 29 vendas

Comissão padrão

Prata

30 a 99 vendas

+1% em tudo

Ouro

100 a 299 vendas

+2% e saque em 7 dias

Você está aqui

Diamante

300+ vendas

+3% e gerente dedicado

Faltam 173 vendas para Diamante127 de 300
Conta

Entrar & cadastro

Tela limpa sobre cinza, card branco central. Um campo por passo: e-mail ou telefone primeiro, senha ou código depois.

Digite seu e-mail ou telefone para entrar

ou

Enviamos um código para seu e-mail

m••••@email.com · Trocar

Reenviar código em 0:42

Programa de Parceiros

Ative sua conta de parceiro

Conta

Minha conta

Menu lateral com ícones, conteúdo em cards. Compras e Programa de Parceiros dividem a mesma conta.

Compras

Chega amanhã

Fone sem fio com cancelamento de ruído

Ver compra

Entregue em 12 set

Jogo de frigideiras 3 peças

Avaliar

Dados pessoais

E-mail
[email protected]
Telefone
(11) 9••••-4432
Chave Pix
E-mail · Alterar
Conta

E-mails

Largura 600 px, cabeçalho amarelo com logo, um assunto e um botão por e-mail. Assunto começa pelo fato.

Conta

Banners & popups

Banner de campanha em faixa amarela com produto recortado. Popup só com motivo claro e botão de fechar visível.

Popup de boas-vindas
Conta

Vazio & erro

Ícone grande, título que explica, frase que orienta e um botão que resolve. Nunca uma tela sem saída.

Seu carrinho está vazio

Que tal ver as ofertas do dia?

Você ainda não tem links

Gere o primeiro em menos de um minuto.

Não encontramos “fone sen fio”

Confira a escrita ou busque por um termo mais geral.

Sem conexão

Verifique sua internet. Seus itens continuam salvos.

Algo deu errado do nosso lado

Já estamos resolvendo. Tente em alguns minutos.

Página não encontrada

O endereço pode ter mudado. Erro 404.

Conta

Mobile

Mais da metade das vendas vem do celular. Header compacto, busca sempre visível, barra de compra fixa na PDP e navegação inferior no app.

Enviar para Rua Augusta 1200
Até 40% OFFna Semana da casa
R$27990Frete grátis
R$389Frete grátis
R$29990Frete grátis
R$8990Frete grátis

Home

Novo · +5 mil vendidos

Fone sem fio com cancelamento de ruído

4,8(2.314)R$2799012x R$ 23,32 sem jurosChega grátis amanhã

PDP com barra fixa

DisponívelR$ 1.284,60
Fritadeira 4 L+ R$ 46,68
Fone sem fio+ R$ 33,59
Frigideiras+ R$ 26,39

Painel com FAB de link

Conta

Acessibilidade

O público vai até 60 anos ou mais: texto a partir de 14 px, alvo de toque de 44 px e contraste AA em tudo que é informação.

RegraValorPor quê
Contraste de texto≥ 4,5 : 1Azul #3483FA só com texto branco 16 px 600. Link em texto corrido usa #2968C8.
Alvo de toque44 × 44 pxBotões, ícones de favorito, quantidade e fechar.
FocoAnel azul 3 pxVisível em todo elemento clicável via teclado.
Tamanho de textoCorpo 16 px · mínimo 12 px12 px só para legenda e parcelamento.
Cor não é o único sinalÍcone + textoStatus sempre com palavra: “Paga”, “Cancelada”.
Movimentoprefers-reduced-motionDesliga zoom, subida de card e contador animado.
Imagemalt descritivoFoto de pessoa descreve a cena. Decorativa leva alt="".
Foco · use Tab
Conta

Checklist

Antes de publicar qualquer tela da loja ou do programa. Marque para conferir — fica salvo neste navegador.

Marca
Loja
Parceiros
Qualidade