Tudo para aplicar a marca Revendabot com consistência: símbolo, cores, tipografia, movimento e tom de voz.
O Revendabot cadastra revendedoras de semijoias numa conversa de WhatsApp e mostra cada etapa do funil para a marca. A identidade junta as duas coisas: a estrutura que organiza e a conversa que começa tudo.
Cada bloco é uma etapa do cadastro: nome, cidade, Instagram, documentos. Quadrados de cantos suaves, no mesmo grid da Troven.
Um bloco sobre o outro desenham a haste do r de revenda. Base firme, espaçamento exato.
A peça que completa o r é um balão de conversa. Toda revendedora começa assim: com um "oi" no WhatsApp.
O balão fica congelado no instante antes do encaixe, inclinado para o lado oposto ao da peça da Troven. Marcas irmãs, cada uma com seu gesto.
O horizontal é a assinatura principal. O vertical serve para espaços quadrados ou altos. O símbolo sozinho entra onde o nome já aparece ou o espaço é pequeno. O nome usa Unbounded Bold convertida em curvas, em minúsculas.
Ícone de app e favicon

O símbolo usa o mesmo módulo U da Troven: um quadrado de 24 unidades. O balão é um bloco igual aos outros, com a ponta saindo do canto que olha para a haste.
Área de respiro
Livre em volta: no mínimo a largura de um bloco do símbolo.
Tamanho mínimo
O verde lembra a conversa no WhatsApp. O ouro lembra a joia. A noite dá o peso. Clique em qualquer cor para copiar o código.
Escala do verde · interface e gráficos
Neutros de apoio
Proporção de uso
O ouro é o brilho da joia: pequenas doses, sempre sobre verde ou noite.
Combinações e contraste (WCAG)
As mesmas fontes da Troven, para as duas marcas soarem da mesma família. Unbounded dá personalidade aos títulos; Inter cuida da leitura. As duas são gratuitas no Google Fonts.
SemiBold 600 · Bold 700 (logo) · espaçamento −4,5%
Regular 400 · Medium 500 · SemiBold 600
Teste você mesmo · clique no texto para editar
Escala tipográfica
Revenda em conversa.
Cadastro sem formulário.
Cada revendedora, etapa por etapa
Revendabot 2026
Você monta as perguntas. O Revendabot conversa com cada interessada no WhatsApp e organiza as respostas para você.
Desenvolvido por Troven
3,5 segundos: os blocos nascem, o balão entra girando e encaixa, três pontinhos digitam, o símbolo desliza e o nome sobe letra por letra. A animação é um SVG com GSAP, pronta para sites: a função revendabotIntro().
Princípios de movimento · passe o mouse ou toque para repetir
O balão chega girando e assenta com um leve tranco, a −14°. back.out(1.2) · 0,7 s
Três pontinhos sobem em onda, como alguém respondendo. Só na assinatura e em estados de espera. sine.inOut · 0,18 s
Textos sobem rápido e freiam suave, sem quicar. power4.out · 0,6 s
Tokens de movimento
Recursos tirados do símbolo amarram todas as peças: o balãozinho inclinado, a barra de citação, os pontinhos de "digitando" e as etapas em blocos.
Toda revenda começa com um "oi".
Citação com barra na cor do balãoPadrão de blocos · passe o mouse
O produto em ação, as redes, a papelaria e a web. Os nomes de marca e pessoas abaixo são exemplos.
Revendabot · Sua próxima revendedora começa numa conversa.
Cadastro no WhatsApp, funil no painel · desenvolvido por Troven
O cadastro acontecendo na conversa · repetir
Cartão de visita 85 × 55 mm · clique para virar
Link compartilhado no WhatsApp (og-image)
Aba do navegador e assinatura de e-mail
A logo é um arquivo pronto: não redesenhe, não recolora, não deforme. Na dúvida, use o positivo em fundos claros e o negativo em verde ou noite.
Positivo em fundo claroPapel ou branco, balão em verde.
Negativo em verdeA combinação mais forte da marca.
Negativo em noitePara materiais escuros e vídeo.
Não faça
Esticar ou achatarSempre redimensione proporcionalmente.
Girar a logoSó o balão tem −14°. A logo fica reta.
Endireitar o balãoA inclinação é a assinatura da marca.
Aplicar degradêCores sempre chapadas.
Sombra ou brilhoNenhum efeito sobre a logo.
Trocar as coresBlocos e balão têm cores fixas.
Ouro sobre brancoSem contraste. No claro, o balão é verde.
Fundo carregadoUse fundos lisos ou imagens calmas.
Falamos com a dona da marca de semijoias: português claro, frases curtas, tratamento por "você" e nenhum jargão técnico.
Como alguém do time dela, não como um sistema.
Número, etapa e o próximo passo. Sem sigla.
Prometemos só o que o produto faz.
Palavras da casa
logo/ simbolo/
Ícones e faviconFavicon de 16 a 512 px, ícone de app, avatar e imagem de compartilhamento. favicon/ redes/
Animação GSAPFunção revendabotIntro() para sites, com o GSAP junto. animacao/
Imagem de compartilhamento1200 × 630 para links no WhatsApp e redes. redes/og-image.png
Manual em textoRegras de uso, cores e como aplicar no app. README.md
Gerador dos arquivosRecria todos os SVGs e PNGs a partir do código. gerar-assets.mjs