Manual de identidade visual · 2026

Dois blocos e uma conversa que encaixa.

Tudo para aplicar a marca Revendabot com consistência: símbolo, cores, tipografia, movimento e tom de voz.

Explorar a marca
Sumário

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.

01 · Conceito
01 / 04

Um bloco.

Cada bloco é uma etapa do cadastro: nome, cidade, Instagram, documentos. Quadrados de cantos suaves, no mesmo grid da Troven.

02 / 04

Dois formam a haste.

Um bloco sobre o outro desenham a haste do r de revenda. Base firme, espaçamento exato.

03 / 04

O ombro é uma conversa.

A peça que completa o r é um balão de conversa. Toda revendedora começa assim: com um "oi" no WhatsApp.

04 / 04

Inclinado em −14°.

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.

−14°
02 · Logotipo

Uma marca, vários formatos.

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.

Formato
Fundo
Versão
Baixar

Ícone de app e favicon

Ícone verde
Ícone verde
Ícone noite
Ícone noite
Avatar
Avatar (redes)
64 px
32 px
16 px
02 · Construção

Construído no grid.

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.

U = 24 4 r = 5 −14° ponta

Medidas do símbolo

MóduloU = 24
Espaço entre blocos4 (U ÷ 6)
Raio dos cantos5
Rotação do balão−14°
Ponta do balãocanto inferior esquerdo

Área de respiro

Logo com área de respiro

Livre em volta: no mínimo a largura de um bloco do símbolo.

Tamanho mínimo

96 px · 25 mm
Símbolo · 20 px
03 · Cores

Verde, ouro e noite.

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

Papel 34%
Verde 30%
Noite 26%
Branco
Ouro

O ouro é o brilho da joia: pequenas doses, sempre sobre verde ou noite.

Combinações e contraste (WCAG)

04 · Tipografia

Geométrica no título, neutra no texto.

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.

Títulos
Aa

Unbounded

SemiBold 600 · Bold 700 (logo) · espaçamento −4,5%

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ãçéôú&?!
Texto
Aa

Inter

Regular 400 · Medium 500 · SemiBold 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ãçéôú&?!

Teste você mesmo · clique no texto para editar

Sua próxima revendedora começa numa conversa.

Escala tipográfica

DisplayUnbounded 600 · 96/0,95 · −6%

Revenda em conversa.

Título 1Unbounded 600 · 64/1,02 · −4,5%

Cadastro sem formulário.

Título 2Unbounded 600 · 36/1,1 · −4%

Cada revendedora, etapa por etapa

SobretítuloInter 600 · 13 · caixa alta +16%

Revendabot 2026

TextoInter 400 · 18/1,55

Você monta as perguntas. O Revendabot conversa com cada interessada no WhatsApp e organiza as respostas para você.

LegendaInter 500 · 13/1,5

Desenvolvido por Troven

05 · Movimento

Role para montar a marca.

Os blocos da haste nascem

0,00 s / 3,50 s
05 · Movimento

A marca se monta.

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().

Formato
Fundo
Velocidade
0,00 s3,50 s

Princípios de movimento · passe o mouse ou toque para repetir

Encaixe

O balão chega girando e assenta com um leve tranco, a −14°. back.out(1.2) · 0,7 s

Digitando

Três pontinhos sobem em onda, como alguém respondendo. Só na assinatura e em estados de espera. sine.inOut · 0,18 s

revenda

Subida

Textos sobem rápido e freiam suave, sem quicar. power4.out · 0,6 s

Tokens de movimento

0,2 sMicro: hover, foco, toggles
0,6 sPadrão: entradas de texto e cards
0,7 sEncaixe: balão e ícones
3,5 sAssinatura: entrada completa da marca
06 · Elementos gráficos

Peças que se repetem.

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.

A ideiaSobretítulo com o balãozinho a −14°
Nova revendedoraEtiqueta com borda, caixa alta

Toda revenda começa com um "oi".

Citação com barra na cor do balão
Etapa 1 de 4
Etapas em blocos (funil, carrosséis)
Digitando: estados de espera e carregamento
Criar formulárioVer funil
Botões: o balãozinho gira no hover

Cadastro sem formulário chato.

Destaque: palavra final em ouro

128.

Números grandes em Unbounded, ponto em ouro

Padrão de blocos · passe o mouse

07 · Aplicações

A marca no mundo.

O produto em ação, as redes, a papelaria e a web. Os nomes de marca e pessoas abaixo são exemplos.

Avatar Revendabot
revendabotRevenda de semijoias via WhatsApp

Revendabot · Sua próxima revendedora começa numa conversa.
Cadastro no WhatsApp, funil no painel · desenvolvido por Troven

Revendabot

Sua próxima revendedora começa numa conversa.

Sem formulário

O cadastro acontece no WhatsApp.

Como funciona

1. Pergunta
2. Resposta
3. Revenda

Funil

Cada revendedora, etapa por etapa.

Dica

Pergunte uma coisa de cada vez.

Aurora Semijoiasonline · via Revendabot
Mensagem

O cadastro acontecendo na conversa · repetir

Cartão de visita, frente
Seu Nome
Sucesso do cliente
[email protected]
revendabot.com.br

Cartão de visita 85 × 55 mm · clique para virar

Link compartilhado no WhatsApp (og-image)

Revendabot · Formulários via WhatsApp
https://revendabot.com.br
Criar formulário
Seu NomeRevendabot · revendabot.com.br
Desenvolvido por Troven

Aba do navegador e assinatura de e-mail

08 · Uso correto

Faça assim, nunca assim.

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.

09 · Tom de voz

A gente fala como numa conversa.

Falamos com a dona da marca de semijoias: português claro, frases curtas, tratamento por "você" e nenhum jargão técnico.

Próxima

Como alguém do time dela, não como um sistema.

AssimOi! Bora cadastrar sua primeira revendedora?
EvitePrezado usuário, sua sessão foi iniciada com sucesso.

Clara

Número, etapa e o próximo passo. Sem sigla.

Assim12 revendedoras pararam na etapa de documentos. Quer mandar um lembrete?
EviteLeads com drop-off no step 3 do funil.

Concreta

Prometemos só o que o produto faz.

AssimVocê monta as perguntas. A gente conversa com cada interessada no WhatsApp.
EvitePlataforma omnichannel de engajamento inteligente.

Palavras da casa

revendedoralead
conversasessão
etapastep
marcatenant
Assinatura

Sua próxima revendedora começa numa conversa.

10 · Arquivos

Tudo pronto para usar.