Afiliado
Compartilhe links de produtos e ganhe por cada venda. Grátis com a sua conta.
Manual de identidade visual · v2.0
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.
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.
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.”
Tudo começa num link. Gerar, copiar e compartilhar precisa caber em dois toques.
Comissão, prazo e saldo aparecem em número, nunca em promessa vaga.
A foto mostra pessoas de 30 a 60 anos, em casa, usando o que indicam.
Quanto ganha, quando cai, o que conta como venda. Sem letra miúda.
Compartilha links no WhatsApp, Instagram e Facebook. Ganha por venda. Entra com a conta da loja, sem custo.
Grava vídeo recomendando produto e ganha por venda e por visualização. Acima de 10 mil seguidores.
Arquivo oficial: emblema oval com elos brancos, três faíscas e faixa amarela na base, ao lado do nome em duas linhas. Fundo externo transparente.

Oval com elos brancos, três faíscas no alto e uma faixa amarela na base. O amarelo de dentro do oval faz parte do desenho.
Duas linhas, minúsculas, já desenhadas no arquivo oficial. Não reescrever o nome em outra fonte.
Margem livre igual à altura do “p” em todos os lados. Nada invade essa área.
Distorcer
Trocar a cor
Aplicar sobre azul de ação
Girar
Também é proibido trocar o emblema por aperto de mão, carrinho ou qualquer símbolo de outra marca.
Amarelo é superfície. Azul é ação. Marinho é só do logotipo. Verde é dinheiro no bolso. Clique numa cor para copiar o hexadecimal.
Uma família para tudo, outra só para o logotipo. Títulos em negrito curto, preço grande e leve, centavos sobrescritos.
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.
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.
Preço atual Figtree 400 a 36 px, centavos a 50 % do tamanho, alinhados ao topo. Nunca negrito.
KPIs em Figtree 700 com font-variant-numeric: tabular-nums para colunas alinhadas.
Container de 1200 px, 12 colunas, espaçamento em múltiplos de 4. Cards brancos sobre fundo cinza, sombra curta.
| Breakpoint | Largura | Colunas | Produtos por linha |
|---|---|---|---|
| Mobile | < 640 | 4 | 2 |
| Tablet | 640–1023 | 8 | 3 |
| Desktop | 1024–1279 | 12 | 4 |
| Largo | ≥ 1280 | 12 · max 1200 | 5 |
--s-14 px--s-28 px--s-312 px--s-416 px--s-524 px--s-632 px--s-748 px--s-864 px4 pxInput, badge6 pxBotão8 pxCard, foto12 pxModal999 pxChip, avatarBorda 1 px #E6E6E60 1px 2px rgba(0,0,0,.12)0 7px 16px rgba(0,0,0,.10)0 12px 32px rgba(0,0,0,.18)Interface usa Lucide em traço 1,75. Destaques de campanha usam ícone ilustrado em amarelo e azul, com contorno escuro.
Ícone ilustrado aparece no máximo quatro vezes por tela, sempre com título embaixo. Não usar em botão.
Dois tipos de foto: gente de 30 a 60 anos em casa, e produto em fundo branco. Nunca misturar os dois no mesmo card.


















Quadrado 1:1, fundo branco puro, produto ocupando 80 % da área, sombra suave. Mínimo 1200 px, entregue em WebP.
Fala como um vizinho que entende de oferta: direto, próximo, com número. Frases curtas, verbo no começo do botão.
Diz o ganho em número.
Ganhe até 16% por venda.
Oportunidade incrível de renda!
Você, nunca “o usuário”.
Seu link está pronto.
O link do usuário foi gerado.
Diz o prazo e a regra.
Cai na sua conta 30 dias após a entrega.
Receba rapidinho!
| Situação | Usar | Evitar |
|---|---|---|
| Botão da landing | Começar a ganhar | Clique aqui |
| Gerar link | Gerar meu link | Submeter |
| Copiar link | Copiar link · Link copiado | Copiado com sucesso!! |
| Compra | Comprar agora · Adicionar ao carrinho | Adquirir |
| Frete | Chega grátis amanhã | Frete: R$ 0,00 |
| Comissão pendente | Liberada em 12 de outubro | Em processamento |
| Erro de cartão | O 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.
Toda página nasce com título, descrição, imagem de compartilhamento e dados estruturados. As palavras abaixo guiam títulos e textos.
Pilar
Criador
Loja
Jornada
| Title | Até 60 caracteres. Produto: “Nome do produto — Programa de Parceiros”. |
| Description | Até 155 caracteres, com preço ou ganho em número. |
| OG image | 1200 × 630, faixa amarela, logo no canto, foto de produto ou pessoa. |
| Schema | Product + Offer + AggregateRating em toda PDP. Organization na home. |
| Link de afiliado | Parâmetro ?ref= com rel="canonical" apontando para a URL limpa. |
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.
Na coluna de compra os dois botões ocupam a largura toda, empilhados. É o único lugar com dois botões de destaque juntos.
| Variante | Fundo | Texto | Hover | Uso |
|---|---|---|---|---|
| Primário | #3483FA | Branco | #2968C8 | Uma ação principal por bloco |
| Secundário | #E3EDFB | #3483FA | #D0E1FA | Ação ao lado do primário |
| Terciário | Transparente | #3483FA | #F2F7FE | Links de ação, “ver mais” |
| Sucesso | #00A650 | Branco | #008F45 | Confirmação momentânea |
Rótulo em cima, campo de 48 px, borda cinza que vira azul no foco. Erro em vermelho, embaixo, dizendo o que fazer.
Opcional · até 280 caracteres
Texto curto, sempre com uma função: preço, entrega, status ou ganho. No máximo dois selos por card.
Faixa com barra lateral colorida, ícone e uma frase que diz o que aconteceu e o que fazer.
Branco sobre cinza, canto 8 px, sombra curta. Foto sangrando no topo quando há foto. Um objetivo por card.
Compartilhe links de produtos e ganhe por cada venda. Grátis com a sua conta.
Publique vídeos recomendando produtos e ganhe pelas visualizações e vendas.
R$ 1.284,60
Disponível para saque agora.
Seu produto mais vendido
38 vendas · R$ 612,40 ganhos
Descontos para sua comunidade e mais conversão.
Adicionar rede social
Circular. Foto quando existe; sem foto, iniciais em marinho sobre amarelo claro. Selo de nível no canto.
★
+12 mi
Confirmação rápida, embaixo no mobile e no canto superior direito no desktop. Some em 4 segundos. Clique para ver.
Modal para decisão curta, drawer lateral para carrinho e filtros. Fecha com Esc, clique fora ou botão X.
Cafeteira expresso compacta · você ganha R$ 41,90 por venda

Fone sem fio com cancelamento de ruído
R$27990
Garrafa térmica inox 750 ml
R$8990Skeleton para listas e cards, spinner azul só dentro de botão ou ação curta. Nada de tela inteira travada.
Acima de 3 segundos, trocar o spinner por texto: “Buscando as melhores ofertas…”.
Barra verde para ganho (frete grátis, meta do mês), azul para tarefa. Steps numerados no checkout e no cadastro.
Cabeçalho cinza claro, linhas de 52 px, números alinhados à direita em tabular. No mobile vira lista de cards.
| Produto | Data | Status | Venda | Comissão |
|---|---|---|---|---|
| 24 set | Paga | R$ 389,00 | R$ 46,68 | |
| 23 set | Aguardando entrega | R$ 299,90 | R$ 29,99 | |
| 22 set | Em trânsito | R$ 459,00 | R$ 36,72 | |
| 20 set | Cancelada | R$ 189,90 | R$ 0,00 | |
| Total do período | R$ 113,39 | |||
Pergunta em negrito, resposta curta. Um item aberto por vez. Usa <details> nativo.
Depende da categoria: de 4% a 16% do valor do produto. Produtos com Ganhos EXTRAS pagam uma porcentagem a mais, mostrada no card.
A venda é confirmada quando o comprador recebe o produto. A comissão fica disponível 30 dias depois, para cobrir devoluções.
Sim. Se alguém entra pelo seu link e compra outro item em até 24 horas, você também ganha.
Para ser afiliado, não. Para o perfil de criador de conteúdo, o mínimo é 10 mil seguidores no TikTok ou Instagram.
Rápido e útil. Tudo entre 120 e 280 ms. Nada anima sozinho em loop, exceto skeleton e contador de oferta. Respeita “reduzir movimento”.
--t-fast | 120 ms | Hover de botão, cor |
--t-base | 200 ms | Card sobe, chip ativa |
--t-slow | 280 ms | Modal, drawer, toast |
--ease | cubic-bezier(.2,.7,.3,1) | |

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





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








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




| Elemento | Estilo | Regra |
|---|---|---|
| Foto | 1:1, fundo branco | Borda inferior 1 px #EDEDED separa foto do texto |
| Nome | 14 px · 400 · #333 | Até 2 linhas, corta com reticências |
| Preço antigo | 12 px · riscado · #737373 | Só quando existe desconto real |
| Preço | 24 px · 400 · centavos sobrescritos | Nunca negrito |
| % OFF | 14 px · 400 · verde | Arredondado para inteiro |
| Parcelas | 12 px · verde | “em 12x R$ X sem juros” |
| Frete | 12 px · 600 · verde | “Frete grátis” + selo de envio rápido |
| Avaliação | Estrelas azuis 12 px | Nota + estrelas + total entre parênteses |
Três colunas no desktop: galeria, informação, compra. Tudo que responde “quanto custa”, “quando chega” e “é confiável” fica acima da dobra.

Novo · +5 mil vendidos
Cor: Preto
| Marca | Genérica |
| Conexão | Bluetooth 5.3 |
| Bateria | 40 horas |
| Peso | 250 g |
| Garantia | 12 meses |
Funciona com celular Android?
Sim, com qualquer aparelho com Bluetooth. · 20/09
Tem nota fiscal?
Sim, enviada junto com o produto. · 18/09
No mobile a coluna de compra vai para baixo do preço e ganha a barra fixa com o botão “Comprar agora”.
Filtros à esquerda em lista de links com contagem. Resultado em grid ou lista. Filtro ativo vira chip removível no topo.



Lista de itens em card branco à esquerda, resumo fixo à direita. A barra de frete grátis mostra quanto falta.
Header reduzido, só logo e “compra segura”. Uma decisão por tela: entrega, pagamento, revisão. Resumo sempre visível.
Pague R$ 351,31 com Pix
O código vence em 29:41. A aprovação é imediata.
Chega amanhã, 26 de setembro. Enviamos os detalhes para [email protected].
Acompanhar pedidoPrazo em data, não em dias úteis. “Chega amanhã” sempre em verde. O rastreio mostra onde está e quando chega.

Chega amanhã
Pedido #48213 · Fone sem fio
Preço grande e leve, centavos pequenos no alto. Desconto em verde, urgência em laranja. Nunca vermelho para preço.
Estrelas azuis, nota grande à esquerda, distribuição em barras. Opinião com foto sobe para o topo.



Uso no ônibus todo dia. A bateria dura a semana inteira e o som é limpo.
Ricardo, 47 anos · 12 set
Depois de duas horas sinto a orelha. O resto é ótimo pelo preço.
Sandra, 58 anos · 03 set
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.
Afiliados e criadores
Compartilhe links e vídeos. Cada venda confirmada vira comissão na sua conta.
Começar a ganharComissão de 4% a 16% conforme a categoria.
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.
Publique vídeos recomendando produtos de diferentes marcas e ganhe pelas visualizações.
Para quem tem +10 mil seguidores.
Crie conteúdo para marcas e lojas e ganhe pelo desempenho dos vídeos.
Lojas oferecem uma porcentagem a mais para você ganhar ainda mais.
Descontos exclusivos para sua comunidade e mais conversão.
Se a pessoa entrar pelo seu link e comprar outra coisa, você também ganha.
O coração do programa. Cole a URL ou busque o produto, veja quanto ganha, copie o link curto e compartilhe. Tudo na mesma tela.
Fritadeira elétrica sem óleo 4 L preta
R$389 · comissão 12%
Você ganha R$ 46,68 por venda
Achei a fritadeira que eu uso aqui em casa com 22% OFF e frete grátis:
pdp.vip/marcia/fritadeira4l
O parceiro abre o painel para responder três perguntas: quanto ganhei, quando recebo, o que vende mais. Nessa ordem.
| Data | Descrição | Status | Valor |
|---|---|---|---|
| 25 set | Saque via Pix · chave e-mail | Pago | − R$ 900,00 |
| 24 set | Comissão · Fritadeira elétrica 4 L | Libera 24 out | + R$ 46,68 |
| 23 set | Ganho EXTRA · Fone sem fio | Libera 23 out | + R$ 8,40 |
| 20 set | Estorno · Mochila devolvida | Estornado | − R$ 22,79 |
Cupom tem visual de ticket com picote e código copiável. Ganho EXTRA aparece como selo violeta-azul no card e na busca.
MARCIA15Válido até 30 setPARCEIRO30Válido até 5 outFRETEMARCIAVálido até 12 outQuatro níveis por vendas nos últimos 90 dias. Cada nível tem cor própria e aumenta a comissão base.
0 a 29 vendas
Comissão padrão
30 a 99 vendas
+1% em tudo
100 a 299 vendas
+2% e saque em 7 dias
Você está aqui300+ vendas
+3% e gerente dedicado
Tela limpa sobre cinza, card branco central. Um campo por passo: e-mail ou telefone primeiro, senha ou código depois.
Menu lateral com ícones, conteúdo em cards. Compras e Programa de Parceiros dividem a mesma conta.
Largura 600 px, cabeçalho amarelo com logo, um assunto e um botão por e-mail. Assunto começa pelo fato.
Alguém comprou a Fritadeira elétrica 4 L pelo link pdp.vip/marcia/fritadeira4l.

Chega amanhã, 26 set
Fone sem fio com cancelamento de ruído
Pedido #48213 · Rua Augusta 1200, São Paulo
Ícone grande, título que explica, frase que orienta e um botão que resolve. Nunca uma tela sem saída.
Que tal ver as ofertas do dia?
Gere o primeiro em menos de um minuto.
Confira a escrita ou busque por um termo mais geral.
Verifique sua internet. Seus itens continuam salvos.
Já estamos resolvendo. Tente em alguns minutos.
O endereço pode ter mudado. Erro 404.
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.
R$27990Frete grátis
R$389Frete grátis
R$29990Frete grátis
R$8990Frete grátisHome
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
Fritadeira 4 L+ R$ 46,68
Fone sem fio+ R$ 33,59
Frigideiras+ R$ 26,39Painel com FAB de link
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.
| Regra | Valor | Por quê |
|---|---|---|
| Contraste de texto | ≥ 4,5 : 1 | Azul #3483FA só com texto branco 16 px 600. Link em texto corrido usa #2968C8. |
| Alvo de toque | 44 × 44 px | Botões, ícones de favorito, quantidade e fechar. |
| Foco | Anel azul 3 px | Visível em todo elemento clicável via teclado. |
| Tamanho de texto | Corpo 16 px · mínimo 12 px | 12 px só para legenda e parcelamento. |
| Cor não é o único sinal | Ícone + texto | Status sempre com palavra: “Paga”, “Cancelada”. |
| Movimento | prefers-reduced-motion | Desliga zoom, subida de card e contador animado. |
| Imagem | alt descritivo | Foto de pessoa descreve a cena. Decorativa leva alt="". |
Antes de publicar qualquer tela da loja ou do programa. Marque para conferir — fica salvo neste navegador.