Sua natureza está associada ao avanço, à agilidade e à capacidade de percorrer grandes distâncias com eficiência. É a metáfora para marcas que precisam sair do lugar, ganhar velocidade e transformar ideia e oferta em experiência digital, com direção, clareza e energia de crescimento. Não é página bonita para cumprir checklist: é jornada até a próxima ação.
Mas o símbolo vai além do movimento.
A resistência do canguru representa a capacidade de manter performance ao longo do tempo — tecnologia que sustenta o salto, não um pico isolado. Sua adaptação a ambientes desafiadores traduz a leitura de oferta, público e jornada, e o timing necessário para agir. A força da cauda, responsável por equilíbrio e estabilidade, reforça a estrutura: clareza antes do enfeite, direção antes da pressa.
E existe ainda uma dimensão de cuidado: o marsúpio simboliza proteção, desenvolvimento e suporte — a ideia de criar um ambiente onde projetos, negócios e oportunidades possam amadurecer antes de dar o próximo salto. Observamos o resultado para orientar o próximo ajuste, sem promessa vazia, com estrutura que convertte.
Por isso, o canguru não é apenas um personagem da Convertta. Ele representa a nossa forma de pensar: um estúdio que junta marketing, design, IA e sistemas na mesma conversa comercial. Avançar com estratégia, adaptar-se rápido, construir com consistência e dar o impulso que move da atenção à ação — para empresas que querem vender, organizar e escalar.
Um salto não é apenas movimento. É mudança de nível.
03 · Manifesto
A identidade em cena
A Transformação em Movimento. Design que transforma, tecnologia que sustenta, estratégia que convertte.
Expressão audiovisual oficial. Ritmo, direção visual e narrativa para campanhas e canais da marca.
04 · AberturaPág. 03
Como usar
Cada página transforma o sistema visual em uma decisão prática. Consulte a regra antes de criar, produzir ou aprovar.
01
Identifique o contexto
Digital, impresso, ambiente, vestuário ou campanha. O suporte define contraste, escala e versão.
02
Aplique a especificação
Selecione a assinatura oficial, respeite a proteção e trabalhe com as medidas em pixels.
03
Valide no tamanho final
Confira leitura, acabamento, contraste e coerência antes de publicar ou produzir.
Princípio central
Não redesenhe nem altere o logotipo. Escolha a versão adequada ao fundo e mantenha escala proporcional.
Tela, avatar e interface
Digital
Verifique redução, densidade, modo de cor e contraste.
Arte final a 300 ppi
Impressão
Revise sangria, cor, acabamento e prova em tamanho real.
Escala e distância
Ambiente
Teste leitura, materiais, iluminação e interferências arquitetônicas.
05 · FundamentosMódulo 01 · pág. 04-07
Fundamentos
A CONVERTTA transforma ideias e ofertas em experiências visuais e digitais com direção, clareza e energia de crescimento.
01
Transformação
A marca dá forma visível a uma mudança real: reposicionamento, oferta, crescimento ou nova fase do negócio.
02
Conversão
Toda decisão visual reduz dúvida e aumenta a chance de a próxima ação ser entendida e tomada.
03
Movimento
A marca mantém energia, continuidade e expansão. Ela aponta para o próximo passo, não para um ponto final.
Racional do símbolo. Duas linhas curvas formam um "C" em órbita. A profundidade sugere camadas e evolução. O movimento orbital sugere expansão contínua. O gradiente laranja reforça energia e direção de crescimento. O símbolo deve ser usado como arquivo oficial; este racional não autoriza redesenho.
01 · Propósito
Fazer a transformação ser percebida.
Dar forma, direção e movimento a negócios que têm valor, mas ainda não conseguem mostrá-lo com clareza.
02 · Missão
Traduzir estratégia em presença que convertte.
Criar identidades, peças e experiências digitais acionáveis para PMEs, e-commerces, infoprodutores e prestadores de serviço.
03 · Visão
Ser a parceira de design que acompanha o próximo movimento.
Construir relações em que marca, comunicação e resultado evoluem juntos, com sistema para repetir qualidade.
04 · Valores
Clareza antes do enfeite.
Direção antes da pressa. Proximidade sem informalidade vazia. Energia com responsabilidade. Consistência em cada ponto de contato.
Personalidade e arquétipo
A CONVERTTA ocupa o arquétipo do Criador. Pensa por sistemas, faz escolhas com intenção e entrega algo que não existia daquela forma. A criatividade é ferramenta de direção, não decoração.
A marca é
Estratégica — Cada elemento tem função.
Próxima — Fala com pessoas reais.
Energética — Conduz ao próximo passo.
A marca não é
Genérica — Não cabe em frases prontas.
Passiva — Não espera a mensagem falar sozinha.
Barulhenta — Não confunde energia com excesso.
Teste de personalidade
Se a peça parece criativa, mas não deixa claro o que o público deve entender ou fazer, ela ainda não está falando como CONVERTTA.
06 · FundamentosPág. 08-09
Tom de voz
Escreva como quem entende o negócio e sabe conduzir uma decisão. A clareza vem antes do brilho da frase.
01 · Claro
Explique sem esconder a ação.
Escreva assim“Vamos organizar sua oferta para que o cliente entenda o próximo passo em cinco segundos.”
Não escreva assim“Vamos potencializar sua jornada de conversão através de uma solução 360°.”
02 · Direto
Prefira verbos e escolhas.
Escreva assim“Escolha a versão que prioriza leitura no celular.”
Não escreva assim“Talvez possamos considerar uma alternativa mais mobile first.”
03 · Energético
Dê movimento à mensagem.
Escreva assim“Sua marca já tem valor. Agora ela precisa aparecer em movimento.”
Não escreva assim“A marca poderá, eventualmente, se tornar mais dinâmica.”
04 · Próximo
Fale com a pessoa, não com o jargão.
Escreva assim“Se você vende pelo WhatsApp, a primeira tela precisa responder uma dúvida.”
Não escreva assim“O touchpoint conversacional deve otimizar a fricção do lead.”
Licença verbal · CONVERTTER
O duplo T é um recurso intencional da marca para aproximar CONVERTTA do verbo converter. Não é uma nova grafia da língua portuguesa.
Uso permitido. No site e em campanha, use convertte, converttem, convertter e converttendo. Exemplos: "Pronto para convertter?", "Estrutura que convertte.", "coisas FODAS que converttem."
Português padrão. Mantenha converter e converte só em textos legais, técnicos (ex.: converter arquivo para WebP), identificadores de código e quando o texto explica o verbo em português. Não crie nomes de serviço com T duplo.
Assinatura verbal
Design que Transforma.
Grafia obrigatória: Design que Transforma. — com D e T maiúsculos e ponto final.
Texto independente
Use a frase em destaque editorial, mantendo grafia e ponto final.
Fechamento institucional
Adequada a apresentações, propostas, campanhas e manifesto.
Assinatura integrada
Quando estiver junto da marca, use a composição completa definida no manual.
07 · LogotipoPág. 10
Anatomia da assinatura
Símbolo, lettering e tagline formam um sistema mensurável. Use as relações para conferir o arquivo oficial, nunca para redesenhá-lo.
H corresponde à altura total do símbolo no logotipo horizontal.
4,05H
Logotipo
Largura da versão horizontal; altura total igual a 1H.
0,35H
Lettering
Altura do nome, centralizado no eixo de 0,50H.
4,25H
Tagline
Largura; distância vertical do logotipo igual a 0,32H.
0,50H
Eixo óptico
Símbolo e lettering compartilham o mesmo centro horizontal.
No arquivo-base da assinatura, H = 360 px e a caixa de conteúdo mede 1.531 × 606 px. As proporções são bloqueadas e devem escalar juntas.
08 · LogotipoPág. 11-14
Versões da marca
Quatro composições, duas cores. A estrutura é a mesma; o contraste do fundo define qual usar.
Horizontal
Assinatura principal do sistema e primeira escolha em fundos claros e neutros.
mínimo 320 pxproteção 1X
Vertical
Áreas estreitas, quadradas ou de leitura central.
mínimo 240 pxproteção 1X
Com tagline
Capas, propostas, apresentações e campanhas institucionais.
mínimo 480 pxproteção 1X
Símbolo isolado
Quando o espaço não comporta o nome completo. Não substitui o nome em comunicações institucionais extensas.
mínimo 64 pxproteção 0,75X
Integridade
Sem sombra, contorno, moldura, recoloração ou alteração de proporção. Em qualquer divergência, prevalece o arquivo oficial.
09 · LogotipoPág. 15-16
Malha e proteção
A malha valida envelope, eixo e proporções da caixa visível do arquivo oficial, ignorando margens transparentes. Ela não serve para reconstruir a marca.
Horizontal · 12 colunas × 6 linhas
Símbolo: x 0,00-2,63 · y 0,00-6,00
Lettering: x 2,67-12,00 · y 1,92-4,08
Vertical · 8 colunas × 10 linhas
Símbolo: x 2,25-5,75 · y 0,00-6,65
Lettering: x 0,00-8,00 · y 8,50-10,00
Deformação 0% permitida: largura e altura devem usar exatamente o mesmo fator de escala. Em qualquer divergência, prevalece o arquivo oficial.
Área de proteção
Defina 1X como metade da altura do lettering. Horizontal, vertical e assinatura com tagline: 1X em cada lado. Símbolo isolado: 0,75X em cada lado, escalando junto com o símbolo.
A faixa tracejada é a margem obrigatória (1X em cada lado). A peça ao lado encosta na margem aplicada — se essa margem for menor que o mínimo, ela invade a área.
Uso correto
Peça ao ladoTítulo da peça
Correto: a peça vizinha fica encostada na borda da área, nunca dentro. 1X é o mínimo — não um alvo para ocupar.
19,9px = 1X neste tamanho
19,9px de margem (1X)
Defina 1X como metade da altura do lettering. Meça a altura do nome e divida por dois após definir a escala final. Com a marca a 460 px de largura, o lettering mede 39,8 px de altura — daí o X acima. No exemplo apresentado no manual, 1X equivale a 32 px e 0,75X a 24 px.
10 · LogotipoPág. 17
Redução mínima
Os limites abaixo são obrigatórios. Abaixo deles, não use a versão indicada — salvo a única exceção controlada para favicon.
0 px
Horizontal
Site, apresentação, papelaria e sinalização.
proteção 1X0 px
Vertical
Formatos estreitos e composição central.
proteção 1X0 px
Com tagline
Comunicação institucional.
proteção 1X0 px
Símbolo isolado
Avatar, ícone e bordado.
proteção 0,75X
320px de largura
27,1mm a 300 dpi
Dentro da regra
Caixa visível 320 × 79 px
Mínimo obrigatório da versão horizontal: 320 px · proteção 1X · Site, apresentação, papelaria e sinalização.
Favicon pode usar somente o símbolo em 16, 32 ou 48 px, exportado do arquivo oficial e revisado pixel a pixel. Lettering, versão vertical e tagline são proibidos abaixo dos mínimos.
Por que 64 px
16 pxSó favicon
32 pxSó favicon
48 pxSó favicon
64 pxMínimo geral
Estes quadrados estão no tamanho físico real da sua tela — 1 px de CSS equivale a aproximadamente 0,26 mm. É por isso que o mínimo geral do símbolo é 64 px: abaixo disso, as duas curvas em órbita deixam de se separar. Os tamanhos de 16, 32 e 48 px existem exclusivamente como favicon.
Nos círculos, o símbolo como avatar de rede social. O manual pede 1080 × 1080 px com 130 px de respiro mínimo em torno do símbolo (pág. 36).
Exemplo
Manual de Identidade · CONVERTTA
convertta.com.br/marca
Exemplo de uso: favicon a 16 px em aba de navegador.
11 · SistemaMódulo 03 · pág. 18-21
Cor
Cinco tons sustentam reconhecimento, contraste e flexibilidade. Clique em qualquer cartão para copiar no formato que você precisa.
Laranja CONVERTTA
Energia, ação e foco. Cor primária da marca.
RGB
255, 107, 53
CMYK
0 · 70 · 85 · 0
Pantone
165 C · aprox.
Laranja Escuro
Profundidade, hover e a única laranja aprovada para texto sobre branco.
RGB
204, 61, 0
CMYK
10 · 85 · 100 · 5
Pantone
1665 C · aprox.
Preto CONVERTTA
Fundos institucionais, texto e contraste máximo.
RGB
13, 13, 13
CMYK
0 · 0 · 0 · 95
Pantone
Black C · aprox.
Branco Puro
Respiro, superfície base e versão negativa da marca.
RGB
255, 255, 255
CMYK
0 · 0 · 0 · 0
Pantone
—
Ausência de tinta — nunca escrever "Pantone: White".
Cinza Médio
Texto secundário, legendas e metadados.
RGB
136, 136, 136
CMYK
0 · 0 · 0 · 47
Pantone
Cool Gray 7 C · aprox.
Todo código Pantone é equivalente aproximado — validar em guia Pantone físico antes de impressão. Nunca afirmar equivalência exata.
Cole no :root da sua folha de estilo.
/* Paleta CONVERTTA · Manual de Identidade Visual
Todo código Pantone é equivalente aproximado — validar em guia Pantone físico antes de impressão. Nunca afirmar equivalência exata. */
:root {
--convertta-laranja: #FF6B35;
--convertta-laranja-escuro: #CC3D00;
--convertta-preto: #0D0D0D;
--convertta-branco: #FFFFFF;
--convertta-cinza: #888888;
--convertta-gradiente: linear-gradient(135deg, #FF6B35 0%, #CC3D00 100%);
}
Proporção de uso · 60 / 30 / 10
A regra organiza a atenção: neutros dão respiro, apoio estrutura e laranja direciona. As porcentagens são de área visual aproximada.
0% neutro
0% apoio
0% laranja
60% neutro — Branco, preto e áreas de respiro.
30% apoio — Cinza, superfícies e estrutura.
10% laranja — Energia, ação e foco.
Gradiente oficial
0% · #FF6B35100% · #CC3D00
135°
O CSS abaixo é o recorte para “fundo de capa ou seção”. Trocar o uso muda o seletor e as propriedades.
Use o ângulo 135° e os dois stops oficiais. Se o gradiente perder contraste ou parecer decorativo, volte para uma cor sólida da paleta.
Contraste e acessibilidade
WCAG 2.2, critérios 1.4.3 e 1.4.11. AA exige 4,5:1 para texto normal e 3:1 para texto grande. A tabela avalia texto; logotipos e nomes de marca são exceções previstas pela norma.
Razões de contraste das combinações oficiais da marca
Combinação
Razão
Texto normal
Texto grande
Uso indicado
Laranja sobre branco
2,84:1
Não atende AA
Não atende AA
Logo e grafismos
Branco sobre laranja
2,84:1
Não atende AA
Não atende AA
Logo e grafismos
Laranja escuro sobre branco
4,96:1
AA
AA / AAA grande
Texto e destaques
Laranja sobre preto
6,85:1
AA
AA / AAA grande
Texto e marca
Branco sobre preto
19,44:1
AAA
AAA
Texto e marca
Regra para a marca
A exceção da WCAG preserva as cores essenciais de logotipos e nomes de marca. Laranja e branco seguem permitidos no logotipo. Confirme sempre a leitura prática no suporte real.
Regra para texto
Use #CC3D00 sobre branco: o Laranja Escuro atinge 4,96:1 e atende AA para texto normal. Sobre laranja, prefira texto no Preto CONVERTTA.
Simulador de fundo
Escolha um fundo e veja qual versão da marca usar, com a razão de contraste calculada ao vivo.
Logo e grafismos · 2,64:1
2,64:1
Logo e grafismos
Aprovado para logo
A Horizontal laranja faz 2,64:1 neste fundo. Não atende AA para texto; o uso indicado é logo e grafismos.
Versão exibida
CONVERTTA Horizontal laranja · a recomendada é a laranja (2,64:1)
Montserrat decide. Inter explica. A combinação cria hierarquia sem depender de cor ou efeito.
Primária
Montserrat
Títulos, chamadas de impacto, banners e destaques. O desenho geométrico sustenta presença e direção.
Bold · 700 — Clareza em títulos e cabeçalhos.
ExtraBold · 800 — Chamadas de alto impacto.
Black · 900 — Capas, números e momentos de decisão.
Secundária
Inter
Textos corridos, e-mails, propostas comerciais, interfaces e blog. Sustenta leitura contínua sem competir com o título.
Light · 300 — Notas, legendas e leitura auxiliar.
Regular · 400 — Corpo, e-mail, proposta e interface.
Medium · 500 — Rótulos, links e chamadas de apoio.
Substituta obrigatória. Quando Montserrat ou Inter não estiverem disponíveis, use Arial — especialmente em Office e e-mail. Não misture outra sans-serif para "aproximar" o desenho.
Nunca justifique. Use alinhamento à esquerda para títulos, corpo e interfaces.
02
Limite a linha.
Mantenha corpo entre 45 e 75 caracteres por linha; em mobile, prefira 32 a 52.
03
Caixa alta é sinal.
Use apenas em kicker, rótulo e navegação curta, com tracking mínimo de 1,5 px.
Cinco erros proibidos
Misturar mais de duas famílias na mesma peça.
Usar caixa alta em parágrafos ou frases longas.
Reduzir entrelinha abaixo de 1,2 no corpo.
Justificar texto para preencher um bloco.
Usar negrito, sombra ou contorno para compensar contraste ruim.
13 · SistemaMódulo 05 · pág. 26-28
Elementos de apoio
O sistema gráfico organiza fluxo, direção e tecnologia. Usa o símbolo oficial em baixa opacidade, trilhos lineares e grid modular — sem formas orgânicas aleatórias.
01
Símbolo
Use CONVERTTA Símbolo intacto, entre 6% e 12% de opacidade. Corte máximo de 35% e escala sempre proporcional.
02
Trilho
Espessura de 2 a 6 px. Use 0°, 45° ou 90°, isolados ou combinados, sempre em percurso contínuo e simples. Gradiente oficial, sem contorno.
03
Grid
Módulo-base de 8 px no digital. Opacidade de 8% a 18%; nunca atravessar texto corrido.
04
Densidade
No máximo dois elementos de apoio por campo. A marca deve continuar sendo o primeiro identificador.
Limite
O grafismo sugere movimento. O logo identifica a CONVERTTA. Não transforme trilhos, grid ou recortes em uma nova versão da marca.
Iconografia
Traço
2,5 px no digital · 0,6 pt no impresso.
Cantos
Arredondados em 6 px; sem excesso ornamental.
Grid
Construir em 24 × 24 px e exportar com 2 px de respiro.
Paleta
Preto, branco, cinza e laranja oficial.
Não usar
Emoji, clipart ou coleção colorida.
Revisão
O ícone deve sobreviver em 16 px. Se perde sentido abaixo disso, simplifique antes de publicar.
Estilo fotográfico
Buscar
Luz natural, expressão real, enquadramento com respiro, diversidade e contexto de trabalho.
Evitar
Banco de imagens genérico, pose artificial, filtro pesado, excesso de elementos e fundo sem leitura.
Tratamento. Cor quente com controle. Mantenha tons de pele naturais. Use o laranja como acento ou elemento de composição, não como filtro sobre tudo.
Imagens geradas por IA. Imagens geradas por IA só entram após revisão humana. Verifique mãos, textos, direitos, coerência de marca e contexto. A IA nunca deve gerar, recriar ou modificar o logo CONVERTTA.
Teste rápido. Remova a cor e olhe a composição: se a ação ainda estiver clara em escala de cinza, a imagem tem direção suficiente.
14 · AplicaçãoPág. 29-30
O que não fazer
Doze casos, cada um com o erro e a correção. Arraste o controle para ver o que muda.
Os exemplos partem do arquivo oficial, mas simulam o erro apenas para treinamento. Nenhuma dessas alterações deve ser salva como ativo de marca.
Errado
Distorcer
Não alterar a proporção horizontal ou vertical.
erro · escala não proporcional
Errado
Rotacionar
O movimento já está no desenho. Não girar o arquivo.
erro · orientação alterada
Errado
Recolorir fora da paleta
Não trocar o laranja oficial por outra cor.
erro · cor não autorizada
Errado
Aplicar sombra ou efeito
Não adicionar sombra, brilho, bevel ou contorno.
erro · efeito adicionado
Errado
Separar símbolo do lettering
Não criar distância, eixo ou relação diferente da original.
erro · composição rompida
Errado
Usar só o texto
Não remover o símbolo do logo horizontal.
erro · elemento ausente
Errado
Fundo sem contraste
Não usar a versão laranja sobre fundo laranja ou cor de valor próximo.
erro · contraste
Errado
Foto poluída
Não aplicar sobre textura ou imagem sem área de respiro e leitura.
erro · fundo sem controle
Errado
Espaçamento interno alterado
Não sobrepor nem afastar símbolo e lettering para preencher um suporte.
erro · espaçamento
CONVERTTA
Errado
Substituir a tipografia
Não redesenhar o lettering com Montserrat, Arial ou outra fonte.
erro · lettering recriado
Errado
Abaixo da redução mínima
Não reduzir para caber. Use o mínimo definido na página 17.
erro · leitura perdida
Errado
Caixa ou contorno não previsto
Não enquadrar a marca em contorno, selo ou moldura sem sistema aprovado.
erro · moldura adicionada
Diagnóstico
Se a aplicação só funciona com efeito, caixa ou distorção, o problema está na peça: reveja contraste, escala, área útil e hierarquia.
15 · AplicaçãoPág. 31-34
Aplicação em fundos
A marca precisa ocupar uma zona visual estável, com contraste, respiro e leitura imediata.
Fundo claro
Branco, cinza muito claro ou fotografia de alta luminosidade.
Preferencial. Horizontal laranja
Alternativas. Vertical ou símbolo, conforme o formato, preservando proteção e redução mínima.
Evite. Branco sem contraste — a versão negativa desaparece sobre superfícies claras.
Fundo escuro
Preto CONVERTTA ou fotografia escura.
Preferencial. Horizontal branca
Alternativas. Vertical branca ou símbolo branco, escolhendo pela proporção do espaço.
Evite. Adicionar caixa ou contorno para "ajudar" a leitura.
Fundo laranja
#FF6B35, podendo evoluir para #CC3D00 em gradiente institucional.
Preferencial. Assinatura branca
Alternativas. Horizontal, vertical ou com tagline conforme o espaço.
Evite. Laranja sobre laranja — a cor primária não cria contraste sobre si mesma.
16 · AplicaçãoMódulo 07 · pág. 35-37
Pontos de contato
Cada peça tem seu próprio mockup, mas todas compartilham cenário, iluminação, materiais e hierarquia visual.
Papelaria institucional
Cartões de visita
1063 × 591 px · área segura de 59 px · frente e verso coordenados.
Papel timbrado A4
2480 × 3508 px · área útil de 2008 × 2917 px.
Envelope institucional
Logo a 177 px da esquerda e 142 px do topo.
Pasta e impressos
Uma assinatura por face · grafismo em baixo-relevo como apoio.
Digital
1080 × 1080 px
Avatar
Símbolo central com 130 px de respiro mínimo.
1920 × 1080 px
Capa e apresentação
Logo branco em fundo escuro ou laranja; laranja em fundo claro.
320 px de largura
Assinatura de e-mail
Contato e site permanecem legíveis, sem excesso de elementos.
Gerador de assinatura de e-mail
Preencha e copie — a assinatura sai pronta para colar no Gmail e no Outlook, seguindo os 320 px de largura do manual.
"Copiar assinatura" cola já formatada no Gmail e no Outlook. "Copiar código HTML" é para quem edita a assinatura no painel do provedor. "Baixar PNG" solicita o logo oficial em 160 × 40 px.
Centralize no eixo de chegada e preserve 140 px de respiro na prancha.
Contraste e transparência
Vidro
Use a versão que permaneça legível nos dois sentidos de observação.
Presença sem excesso
Sala de reunião
Uma aplicação principal por ambiente, sem repetir a marca como textura.
17 · AplicaçãoMódulo 08 · pág. 38-39
Expressão da marca
A comunicação comercial apresenta a CONVERTTA como uma operação que conecta marketing, IA, tecnologia e dados. Cada frente resolve uma parte da jornada; juntas, formam estrutura.
01
Mídias sociais
Estratégia, copy, design, Reels, Stories e métricas para transformar presença em percepção de valor.
02
Vídeos com IA
Roteiro, storyboard, direção visual, geração, narração e edição para campanhas, lançamentos e conteúdo.
03
Sites e landing pages
Copy, UX, SEO técnico, desenvolvimento, integrações e jornada orientada à próxima ação.
04
Automação e SaaS
Dashboards, sistemas internos, CRM, WhatsApp, áreas de cliente e integrações para organizar a operação.
05
Tráfego e dados
Google Ads, rastreamento, GTM, Analytics, eventos, relatórios e otimização de campanhas.
Regra verbal
Evite promessa automática. Prefira "orienta", "organiza" e "apoia". Não garanta venda, escala, ranking, citação ou operação sem intervenção humana.
Território do Maestro
O Maestro traduz a capacidade de coordenar estratégia, conteúdo, mídia, tecnologia e dados como um único sistema.
Função narrativa
Dar forma à orquestração
A figura conduz fluxos, canais e decisões para uma mesma direção. Ela materializa a operação integrada — não um personagem solto.
Uso
Campanha e apresentação
Adequado a comunicação institucional, abertura comercial e conteúdo sobre integração. Aparece quando a conversa é o sistema, não um serviço isolado.
Limite
Não é logo nem mascote
Nunca substitui a assinatura oficial, não vira selo de produto e não entra em avatar, favicon, papelaria corrente ou assinatura de e-mail.
Pode
Abertura de apresentação institucional.
Campanha sobre integração de frentes.
Conteúdo que explica o método Convertta.
Não pode
Substituir o logotipo ou o símbolo.
Virar mascote, emoji ou selo de produto.
Receber slogan, caixa, contorno ou recoloração.
Método
01Diagnóstico
02Arquitetura
03Criação
04Setup
05Escala
A narrativa acompanha o avanço da estratégia até a operação.
18 · Apêndice digital
Sistema de movimento
Precisão, não espetáculo. A marca é "Transformação em Movimento": o movimento existe para conduzir o olhar até a próxima ação, nunca para chamar atenção sobre si.
Laboratório
Escolha a duração e a curva, veja no elemento real e copie o CSS. É assim que se decide entre 200 ms e 620 ms — comparando, não lendo a tabela.
O que anima
Duração
Curva
entrada. Entrada de seção na rolagem, com deslocamento de 12 px. · saida. Padrão do sistema. Tudo que entra em cena: seções, painéis, cartões, números.
Retorno de ação: cópia confirmada, botão pressionado, campo validado. O usuário nunca fica sem saber se funcionou.
rapido
200 ms
Hover, foco, troca de aba e mudança de estado em elemento pequeno.
padrao
400 ms
Abertura de painel, acordeão, troca de tema e transições de superfície.
entrada
620 ms
Entrada de seção na rolagem, com deslocamento de 12 px.
hero
2000 ms
Teto absoluto da sequência de abertura. Uma execução por sessão.
Entrada e saída
Entrada sobe 12 px com a curva saida; a saída desce os mesmos 12 px com a curva entrada. O atraso de 60 ms entre irmãos é o que dá leitura de sequência em vez de bloco.
Deslocamento
12 px
Entradas sobem 12 px enquanto surgem. Saídas descem os mesmos 12 px.
Escalonamento
60 ms
Intervalo entre elementos irmãos. Acima de 8 itens, escalone só os 8 primeiros.
Opacidade
0 → 1
Sempre acompanhada de deslocamento. Fade puro só em troca de imagem.
Disparo
IntersectionObserver
A 5% de visibilidade, uma vez por elemento. Nunca por listener de rolagem.
Efeitos proibidos
Animar `width`, `height`, `top`, `left`, `margin` ou `padding` — só `transform` e `opacity`.
Bounce, elástico ou overshoot: a marca não cabriola.
Paralaxe de fundo. O deslocamento da marca d’água tem teto de 20 px.
Girar, escalar ou deformar o logotipo de identificação em qualquer circunstância.
Piscar, pulsar ou chamar atenção por repetição — inclusive em CTA.
Animação em texto corrido: o corpo do texto entra com o bloco, nunca palavra a palavra.
Vídeo ou animação com som em reprodução automática.
Mais de dois elementos em movimento simultâneo no mesmo campo visual.
Sombra, brilho ou contorno animados sobre a marca.
19 · Apêndice digital
SaaS e dashboards
A CONVERTTA entrega dashboards, áreas de cliente e sistemas internos. Este bloco define o mínimo para que dois produtos diferentes ainda pareçam a mesma marca.
Espaçamento e raios
Espaçamento · base 8 px
4 pxColagem: ícone e rótulo, itens de uma mesma unidade.
8 pxMódulo-base. Espaço interno de componentes pequenos.
12 pxEntre campo e rótulo, entre linhas de uma lista densa.
16 pxPadding padrão de cartão compacto e distância entre campos.
24 pxPadding de cartão, distância entre blocos relacionados.
32 pxEntre grupos distintos dentro de uma tela.
48 pxEntre seções de uma página de produto.
64 pxRespiro de topo e base de tela.
Raios
6 pxCantos de ícone e microelemento (pág. 27).
12 pxCampos, selects, botões retangulares e menus.
20 pxCartões e painéis — o mesmo raio do sistema impresso.
pillBotões de ação, tags e chips.
Botões, campos e estados
PadrãoEstado de repouso.
HoverMuda cor ou borda em 200 ms. Sem deslocar layout.
FocoContorno de 2 px em laranja, deslocado 2 px. Nunca remover o foco visível.
AtivoEscala de 0,98 no clique — o único uso aprovado de escala em botão.
CarregandoRótulo trocado por texto de progresso. Largura preservada para não saltar.
DesabilitadoOpacidade 45%, cursor bloqueado. Explique ao lado por que está desabilitado.
ErroBorda e mensagem na cor de erro, abaixo do campo. Nunca só a borda.
compacto
36 px
Tabelas densas e barras de ferramenta. Só em ponteiro.
padrao
44 px
Padrão do sistema. É o mínimo para alvo de toque.
destaque
52 px
Ação principal de tela de conversão.
Light mode e dark mode
Base
#FFFFFF
Fundo da aplicação.
Elevada
#F6F7F8
Cartões e painéis sobre a base.
Linha
#E8EAEC
Bordas e divisores.
Texto
#0D0D0D
Primário; secundário em #5F666C.
Laranja
#CC3D00
Sobre branco, só o tom escuro atende AA (4,96:1).
Sombra
0 18px 50px rgba(13,13,13,.08)
Hierarquia por elevação.
Receita do mês
R$ 128.400
+12,4% vs. mês anterior
Ver relatório
Visualização de dados
1
2
3
4
5
6
Série 1 · Laranja escuro#CC3D004,96:1
Série 2 · Roxo#5B4B8A7,45:1
Série 3 · Âmbar#8A5A005,93:1
Série 4 · Petróleo#0F5F737,23:1
Série 5 · Cinza#6B6B6B5,33:1
Série 6 · Verde#2F6B4F6,29:1
Razões medidas contra a superfície selecionada. Todas passam de 4,5:1 — o limiar de texto do manual (pág. 21), acima dos 3:1 que a WCAG exige de elemento gráfico.
Sucesso, alerta e erro
Sucesso
Confirmação, meta batida, integração ativa.
Conversão
4,8%
▲ +0,6 pp
Sucesso
#137A55 sobre superfície clara — contraste 5,33:1. Repare que cada peça repete o estado em texto e em forma (ponto, seta, rótulo): a cor nunca é o único código.
Cores semânticas por superfície, com razão de contraste
Papel
Claro
Escuro
Uso
Sucesso
#137A555,33:1
#72E0B212,05:1
Confirmação, meta batida, integração ativa.
Alerta
#A662004,81:1
#E8B45710,27:1
Atenção sem bloqueio: limite próximo, dado desatualizado.
Feed, stories e vídeo têm interface por cima: as plataformas cobrem parte da arte com avatar, legenda e botões. As áreas seguras abaixo garantem que a marca e a chamada sobrevivam a isso.
Sua próxima transformação começa aqui.
Fale com a gente
96 px
160 px
Área útil
Feed · 4:5
1080 × 1350
Post estático e carrossel. É o formato de maior área no feed.
Topo reservado
96 px
Base reservada
160 px
Margem lateral
64 px
Área útil
952 × 1094 px
A base reserva espaço para o recorte em 1:1 de quem vê pela grade do perfil.
Carrossel: repita a assinatura só no primeiro e no último quadro.
Assinatura: símbolo a 96 px ou horizontal a 320 px, no canto inferior.
Legendas
Obrigatória
Sempre
Todo vídeo com fala tem legenda embutida ou por arquivo. A maioria assiste sem som.
Corpo
48 a 64 px
Em arquivo de 1080 px de largura. Inter 500, alinhada à esquerda ou centralizada.
Linhas
2 no máximo
Até 42 caracteres por linha. Quebre por sentido, não por largura.
Contraste
Fundo sólido
Tarja no Preto CONVERTTA a 70% ou texto branco com sombra suave. Nunca texto solto sobre imagem.
Posição
Dentro da área segura
Acima da base reservada à interface da plataforma.
Caixa alta
Proibida
Legenda é texto corrido, e caixa alta em frase longa é proibida pelo manual (pág. 25).
Assinatura e CTA
Assinatura
Uma assinatura por peça. No carrossel, só no primeiro e no último quadro.
Símbolo a partir de 96 px em social — acima do mínimo de 64 px, porque a compressão da plataforma degrada a curva.
Horizontal a partir de 320 px, o mínimo do manual (pág. 17).
Versão branca sobre vídeo, foto e fundo escuro. Laranja só em fundo claro e uniforme.
Área de proteção de 1X preservada mesmo dentro da área segura.
O CTA é texto e botão, nunca o logotipo: a marca identifica, ela não é o botão.
Chamada para ação
Um por peça — Uma ação por publicação. Dois CTAs dividem a atenção e derrubam a conversão.
Verbo primeiro — "Baixe o checklist", não "Checklist disponível". Tom direto do manual (pág. 08).
Dentro da área segura — Nunca sob a interface da plataforma nem no canto de corte.
Sem promessa automática — Nada de venda, escala ou ranking garantidos — a regra verbal vale em social (pág. 38).
21 · Apêndice digital
Vídeos e imagens com IA
A CONVERTTA vende produção com IA. Isso obriga a marca a ter regra própria: o que a IA pode gerar, o que ela nunca toca e o que precisa de olho humano antes de sair.
Fidelidade do logo
A IA nunca gera, redesenha, vetoriza, recria, recolore ou "melhora" o logotipo CONVERTTA. Nem como referência, nem como inspiração, nem em rascunho.
A assinatura entra em pós-produção, compondo o arquivo oficial sobre a peça gerada.
Se um quadro gerado contém algo parecido com a marca, o quadro é descartado — não corrigido.
Imagem de referência enviada ao modelo não pode conter o logotipo, para o modelo não aprendê-lo.
O mesmo vale para a marca de clientes e parceiros em peça de co-branding.
Lista de revisão
O que revisar em peça gerada por IA
Alvo
O que conferir
Mãos e dedos
Quantidade, articulação e sobreposição. É a falha mais frequente e a mais notada.
Rostos
Simetria dos olhos, dentes, orelhas e continuidade entre quadros do mesmo personagem.
Texto na imagem
Toda palavra gerada. Texto de IA erra letra — o certo é aplicar tipografia em pós.
Objetos e cenário
Perspectiva, reflexos, número de membros de móveis e continuidade entre cortes.
Marcas de terceiros
Logotipos alheios inventados ou distorcidos. Remover antes de publicar.
Coerência de marca
Cor, luz e enquadramento contra o estilo fotográfico do manual (pág. 28).
Voz e trilha
Clonagem de voz
Só com autorização escrita
Da pessoa dona da voz, por peça ou por contrato, com prazo e escopo definidos.
Voz sintética
Sem imitar pessoa real
Voz genérica não pode ser construída para soar como alguém identificável.
Trilha
Licença verificada
Trilha gerada por IA também precisa de comprovação de direito de uso comercial.
Arquivo
Guardar a prova
Licença, autorização e prompt ficam arquivados junto da peça final.
Direitos de imagem
Nenhuma peça reproduz pessoa real identificável sem autorização de uso de imagem.
Nenhuma peça imita o estilo assinado de um artista vivo identificável.
Referência enviada ao modelo precisa ser de uso autorizado — banco licenciado ou material do cliente.
Marca, produto e embalagem de terceiros só entram com autorização do titular.
A licença comercial da ferramenta usada é conferida antes da produção, não depois.
Aprovação humana
Regra
Nenhuma peça gerada por IA é publicada sem revisão humana registrada. A revisão tem nome, data e o que foi conferido.
01
Gerar
Produzir com prompt arquivado e referências de uso autorizado.
02
Revisar
Percorrer a lista de revisão: mãos, rostos, texto, objetos, marcas e direitos.
03
Compor
Aplicar tipografia e a assinatura oficial em pós. Nada de marca gerada.
04
Aprovar
Registrar quem aprovou, quando e qual versão. Só então publica.
Transparência sobre conteúdo sintético
Quando a peça pode ser confundida com registro real, ela é identificada como gerada por IA.
Identificar sempre
Pessoa fotorrealista que não existe, cena que parece documental, depoimento encenado, voz clonada.
Dispensa identificação
Ilustração, grafismo, animação abstrata e composição claramente estilizada.
Como identificar
Crédito discreto na peça ou na legenda: "Imagem gerada por IA" / "Vídeo produzido com IA".
Manter os metadados de origem quando a ferramenta os grava.
Marcar o campo de conteúdo sintético que a plataforma oferecer.
Nunca apresentar peça gerada como prova, depoimento real ou caso de cliente.
Co-branding é a CONVERTTA dividindo espaço com cliente, parceiro ou plataforma. A regra existe para as duas marcas continuarem legíveis e nenhuma parecer subordinada por acidente.
Marca parceira
Forma · Filete vertical — Linha de 1 px, sem serifa, sem ornamento, sem "×" nem "+".
Cor · Cinza Médio #888888 — Neutro nos dois lados. Nunca laranja: o separador não pertence a ninguém.
Altura · 1,5 × o lettering — Centralizado no eixo óptico das duas marcas.
Espaço · 1X de cada lado — A unidade de proteção do manual (pág. 16) vale entre as marcas.
Aplicação em avatar
Em avatar circular não cabe o lockup horizontal: a divisão separa os dois territórios e cada marca fica com metade do campo, na sua própria cor. É a peça em uso hoje como ícone de grupo de WhatsApp.
Gabarito 1080 × 1080 px. A área quadriculada é transparente: é ali que entra a cor da marca parceira.
Metade CONVERTTA. Gradiente oficial a 135° com o símbolo branco. Essa metade não muda de cliente para cliente.
Metade do parceiro. Recebe a cor de fundo principal da marca do cliente e a marca dele. É o único ponto do sistema em que uma cor de fora da paleta entra por definição — e ela pertence ao parceiro, não à CONVERTTA.
Divisor. Uma onda só, do topo à base, com filete claro. Sem contorno duplo, sem sombra, sem segundo corte.
Recorte. A arte é quadrada, mas a plataforma corta em círculo: nada essencial nos cantos. Valide a 48 px, o tamanho real na lista de conversas.
Se a cor do parceiro não contrastar com o branco do símbolo ou com o laranja vizinho, use o Preto CONVERTTA na metade dele e aplique a marca do cliente na versão negativa — o contraste vem antes da fidelidade cromática do parceiro.
Proporção
Equivalência óptica
Pela altura do lettering
Alinhe as marcas pela altura do nome, não pela caixa total. Caixas iguais fazem a marca mais compacta parecer maior.
Referência
0,35H
O lettering CONVERTTA mede 0,35H (pág. 10). É essa altura que a marca parceira deve igualar.
Tolerância
±10%
Ajuste fino para marcas de peso visual muito diferente. Acima disso, uma domina.
Escala
Proporcional
Nenhuma das marcas é deformada para "encaixar" no conjunto.
Ordem das marcas
CONVERTTA executa
CONVERTTA à esquerda
Material de proposta, apresentação e case em que a CONVERTTA é a anfitriã.
Material do cliente
Cliente à esquerda
Peça que vai ao público do cliente. A marca dele lidera; a CONVERTTA assina a autoria.
Assinatura de autoria
“por CONVERTTA”
Rodapé, com o símbolo a 24 px e o texto em Inter 500. Não é lockup de co-branding.
Parceria de plataforma
Selo à direita
Badge de Google, Meta ou similar entra como selo, seguindo o guideline do titular.
Nunca
Recolorir a marca do parceiro para "harmonizar" com o laranja.
Aplicar o gradiente oficial sobre qualquer marca — inclusive a nossa.
Encaixar as marcas em caixas, selos ou molduras não previstas.
Mais de três marcas em um mesmo lockup horizontal.
Usar selo de plataforma sem estar credenciado, ou fora do guideline do titular.
Sugerir parceria, patrocínio ou endosso que não exista por contrato.
23 · Apêndice digital
Arquitetura de marca
A CONVERTTA opera como marca única. Os serviços são descritores funcionais da mesma marca — não submarcas. Nenhum serviço ganha logotipo, símbolo, tipografia ou paleta própria.
Marca única
Nomenclatura: CONVERTTA · <nome do serviço>
O nome do serviço é escrito em Montserrat, no mesmo peso do contexto — nunca desenhado.
A diferenciação entre serviços é editorial: ícone de traço, foto e texto. Nunca cromática.
Um serviço não recebe cor própria: isso criaria cinco marcas dentro de uma.
Produto recorrente com nome próprio segue a mesma regra: é oferta nomeada, não submarca.
Serviços
Serviços, rotas e papéis
Serviço
Rota
Papel
Entrega
Websites
/websites
Estrutura digital, SEO técnico e jornada até a próxima ação.
Copy, UX, desenvolvimento e integrações.
Social Media
/social-media
Transformar presença em percepção de valor.
Estratégia, copy, design, Reels, Stories e métricas.
Vídeos com IA
/videos
Produção audiovisual em escala, com revisão humana.
Roteiro, storyboard, direção, geração, narração e edição.
Sistemas, SaaS e Dashboards
/sistemas
Organizar a operação do cliente.
Dashboards, CRM, WhatsApp, áreas de cliente e automações.
Tráfego e Dados
—
Frente transversal que atravessa os outros quatro.
Google Ads, GTM, Analytics, eventos e relatórios.
Produtos recorrentes
Ofertas contínuas — manutenção, monitoramento, evolução — são nomeadas para virar contrato, não para virar marca. Exemplo de tratamento: “CONVERTTA Care”.
Escrito em Montserrat, no mesmo peso do contexto. Sem logotipo, sem símbolo, sem selo.
A palavra que nomeia o produto nunca recebe o duplo T da licença verbal.
Se o produto precisar de identidade própria um dia, isso é decisão de arquitetura de marca — não de peça.
Território editorial
IA & ConversãoGEO & SEOSites & Landing PagesVídeo com IASaaS & SistemasSocial Media
O território editorial usa a mesma marca e a mesma paleta. Sem identidade paralela para o blog.
Cabeçalho de artigo segue a escala tipográfica do manual (pág. 24).
A regra verbal da oferta vale no editorial: nada de promessa automática (pág. 38).
Imagem de artigo segue o estilo fotográfico (pág. 28) e, se gerada por IA, o apêndice A4.
O blog
O blog ocupa um território tão relevante quanto as páginas de serviço. Ele é a prova pública do discurso comercial: onde a Convertta demonstra, em texto aberto, o que vende em IA, GEO, SEO, conteúdo e agentes.
Cada matéria resolve uma dúvida real de quem vende online, mesmo que a pessoa nunca contrate nada. O serviço aparece como consequência, nunca como pedágio.
Para a busca
Fonte citável
O texto é escrito para ser citado por mecanismo de busca e por modelo de IA: pergunta no título, resposta objetiva no primeiro parágrafo, fonte declarada no fim.
Para a marca
Tom em movimento
É onde o tom de voz da pág. 08 vira prática em volume. Claro, direto, energético e próximo — e sem promessa automática (pág. 38).
Estrutura
Rotas · /blog · /blog/{página} · /blog/{slug}
Listagem paginada de 10 em 10, com os 5 últimos em destaque.
Categorias · 6 fixas
IA & Conversão · Sites & Landing Pages · Vídeo com IA · SaaS & Sistemas · GEO & SEO · Social Media. Categoria nova é decisão de marca, não de pauta.
Blocos · p · h2 · ul · links · sources
O corpo é estruturado, não HTML livre. Toda matéria com dado externo fecha em `sources`.
CTA · newsletter · diagnóstico · serviços
Um por matéria, escolhido pelo estágio de quem lê.
Regras editoriais
Mesma marca, mesma paleta e mesma escala tipográfica do manual. Sem identidade paralela para o blog.
Título é pergunta ou promessa concreta — nunca manchete vaga.
Nada de promessa automática: prefira "orienta", "organiza", "apoia" (pág. 38).
Dado de terceiro entra com fonte declarada e link, no bloco `sources`.
Imagem segue o estilo fotográfico (pág. 28); se gerada por IA, segue o apêndice de conteúdo com IA.
O duplo T da licença verbal não entra em título, categoria nem metadado (pág. 08).
blog.md traz a estrutura completa — rotas, campos de uma matéria, tipos de bloco, categorias e as 43 matérias já publicadas com data e resumo. É o arquivo para colar em um agente antes de pedir pauta ou texto: evita categoria inventada, assunto repetido e desvio de tom.
24 · Apêndice digital
Governança dos ativos
A tabela abaixo é o que transforma o manual em instrumento operacional: para cada ativo, qual é o nome oficial, quem responde por ele, quando foi aprovado e para que serve.
Inventário dos ativos oficiais da marca
Nome oficial
Versão
Proprietário
Aprovado em
Formatos
Finalidade
convertta-horizontal-laranja
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Assinatura principal em fundos claros.
convertta-horizontal-branca
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Assinatura em fundos escuros, laranja e fotografia.
convertta-vertical-laranja
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Áreas estreitas e composição central em fundo claro.
convertta-vertical-branca
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Áreas estreitas e composição central em fundo escuro.
convertta-assinatura-tagline-laranja
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Comunicação institucional em fundo claro.
convertta-assinatura-tagline-branca
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Comunicação institucional em fundo escuro ou laranja.
convertta-simbolo-laranja
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Avatar, ícone e bordado em fundo claro.
convertta-simbolo-branco
2.0
Direção de arte
2026-08-18
PNG · (AI, EPS, SVG em produção)
Avatar, ícone e bordado em fundo escuro.
convertta-manual-identidade-v2
2.0
Direção de arte
2026-08-18
HTML · MD · (PDF em produção)
Norma completa da identidade, 45 páginas em 11 módulos.
convertta-tokens
2.0
Tecnologia
2026-08-18
JSON (W3C)
Cor, tipografia, espaçamento e raio para consumo em build.
convertta-paleta
2.0
Direção de arte
2026-08-18
JSON · (ASE, CLR em produção)
Carregar a paleta oficial direto na ferramenta de design.
convertta-favicon
2.0
Tecnologia
2026-08-18
(ICO, PNG 16/32/48/180/512 em produção)
Aba de navegador, atalho e ícone de aplicativo.
Regras de governança
Fonte de verdade
Este portal
O arquivo publicado em /marca prevalece sobre qualquer cópia em drive, e-mail ou apresentação.
Versionamento
Maior.menor
Maior muda quando o desenho da marca muda. Menor, quando a regra muda sem alterar o arquivo.
Nomenclatura
marca + tipo + variante + versão
O padrão da pág. 40. Arquivo fora do padrão não entra no acervo.
Aprovação
Direção de arte
Nenhum ativo novo circula sem aprovação registrada, com data e responsável.
Revisão
A cada 12 meses
Ou a qualquer momento em que a marca, a oferta ou a plataforma mudarem.
Descontinuado
Sai de circulação
Versão antiga é retirada dos canais e marcada no histórico. Não fica "por garantia".
25 · EntregaMódulo 09 · pág. 40
Produção e aprovação
A consistência depende de escolher o formato certo, nomear com clareza e aprovar antes de publicar ou produzir.
AI / EPS
Produção em escala
Formatos vetoriais para gráfica, sinalização, corte e aplicações de grande dimensão.
SVG
Web e interface
Formato vetorial para sistemas digitais, animação e interfaces responsivas.
PNG
Uso rápido
Aplicações com transparência em apresentações, documentos e redes sociais.
PDF
Envio e aprovação
Compartilhamento de peças finalizadas com aparência preservada.
Nomenclatura
Padrão: marca + tipo + variante + versão + extensão
convertta-horizontal-laranja.png
convertta-manual.pdf
Checklist de aprovação
Versão adequada ao fundo e suporte.
Proteção e redução mínima conferidas.
Cores, contraste e tipografia revisados.
Contato e URL sem erro de grafia.
Arquivo final aprovado e versionado.
01
Preparar
Escolher formato, versão e dimensões do suporte.
02
Conferir
Validar contraste, proteção, escala e acabamento.
03
Aprovar
Gerar prova fiel e registrar a versão aprovada.
04
Arquivar
Salvar editável, final e histórico de produção.
26 · EntregaMódulo 10 · pág. 41-44
Mockups
Como a identidade se comporta em superfícies reais: frota, fachada, brindes, uniformes e sinalização.
Frota · veículo de serviço
A lateral precisa ser lida parado e em movimento.
Área de marca · 44% da largura útil
No painel lateral — não na porta nem no teto.
Versão · Horizontal branca
Só a negativa sobre o laranja. O C isolado não substitui o nome.
Respiro · 120 px
Longe de recortes, maçanetas e frisos. 1X vale no adesivo.
Superfície · Adesivo sem distorção
Acompanhe a chapa; não estique o lettering.
Validação · 25% e 100%
Leitura de longe e em tamanho real antes de produzir.
Fachada · sinalização
O portal laranja marca a entrada; a assinatura branca precisa funcionar de dia e à noite.
Arquivo · 1024 × 1536 px
Aprove portal, entrada e entorno — não só o recorte da logo.
Versão · Horizontal branca
Sobre o plano laranja, só a negativa.
Marca · 520 px ou mais
No eixo da entrada, acima da porta.
Margem · 120 px livres
Sem luminária, moldura ou quina na proteção.
Iluminação · Uniforme e frontal
A luz revela a marca; não a redesenha.
Brindes e uniformes
O material muda; o desenho oficial não.
Boné · Só o símbolo
Na frente, acompanhando a curva. Sem lettering na aba.
Garrafas · Escala proporcional
Não achate o C para caber na circunferência.
Uniformes · Área plana
Peito ou costas, sem atravessar costura ou bolso.
Arquivo · Vetor oficial
Sem contorno, sombra ou “versão simplificada”.
Validação · Peça física
Amostra real a 1 m. Se falhar, aumente a escala.
Uniformes
A marca acompanha o corpo, não o corte da peça.
Posição · Área plana
Peito ou costas, sem atravessar costura, bolso ou zíper.
Aplicação · Bordado ou impressão
No bordado, o fio engrossa o traço: confira o C em amostra antes da tiragem.
Escala · Proporcional
Nunca deformar para caber na área útil da peça.
Contraste · Versão pelo tecido
Tecido claro pede a laranja; escuro e laranja pedem a branca.
Sinalização interna
Uma peça conduz; as outras confirmam — o corredor não é uma repetição de logos.
Lâmina · Símbolo branco
Um ponto de presença no eixo do corredor.
Placa de sala · Só o C
Suporte preto fosco. Lettering não cabe neste formato.
Porta de vidro · Horizontal
Altura do olhar; contraste nos dois sentidos.
Orientação · Pictogramas
O pictograma informa; a marca não compete.
Densidade · Uma marca por campo
Não repetir o logo a cada porta.
27 · EntregaKit de arquivos
Downloads
O kit completo, agrupado por finalidade. Baixe o que está pronto ou solicite acesso ao formato que você precisa produzir.
Vetor · produção
AI · EPS · PDF vetorial
Para gráfica, sinalização, corte e aplicações de grande dimensão. Escala sem perda (pág. 40).
Horizontal · laranja e branca
Papelaria, sinalização e fachada.
AIEPSPDF
Vertical · laranja e branca
Formatos estreitos e composição central.
AIEPSPDF
Com tagline · laranja e branca
Capas, propostas e campanhas institucionais.
AIEPSPDF
Símbolo isolado · laranja e branco
Bordado, corte, gravação e brindes.
AIEPSPDF
Vetor · web
SVG
Para sistemas digitais, animação e interfaces responsivas (pág. 40).
Horizontal · laranja e branca
Cabeçalho de site, e-mail e aplicação web.
SVG
Vertical · laranja e branca
Cards, blocos quadrados e menus.
SVG
Com tagline · laranja e branca
Rodapé institucional e páginas de abertura.
SVG
Símbolo isolado · laranja e branco
Ícone de interface, loader e marca d’água.
SVG
Raster · digital
PNG com transparência
Exportado do arquivo oficial, com fundo transparente. Para apresentações, documentos e redes sociais (pág. 40).
As duas famílias oficiais. Montserrat nos títulos (Bold, ExtraBold, Black); Inter no corpo (Light, Regular, Medium). Arial entra só como substituta, no sistema — não se baixa (pág. 22-23).
Montserrat · títulos
H1–H4, capas, números e chamadas. Pesos 700, 800 e 900.
O manual em formato que um modelo consome direto — para a IA seguir a marca em vez de inventá-la.
Cada vez mais peça é gerada com IA. Se o agente não conhece a marca, ele inventa — e o que ele inventa vira arquivo, post e anúncio. Estes três formatos existem para que qualquer modelo leia a identidade da CONVERTTA em vez de deduzi-la.
MCP remoto · somente leitura
A marca conectada ao seu agente
Conecte esta URL uma vez no cliente MCP. O agente passa a consultar o resumo, o manual completo e os tokens oficiais sempre que precisar criar para a CONVERTTA.
https://convertta.com.br/api/marca/mcp
Como conectar no ChatGPT, Claude e outros clientes
ChatGPT: adicione um app MCP personalizado e cole a URL acima.
Claude: em Personalizar → Conectores, adicione um conector personalizado com a mesma URL.
Outros clientes: se aceitarem mcpServers, use a configuração JSON abaixo.
Colar a URL em uma conversa não instala o MCP; a conexão é feita nas configurações do cliente.
Ver o prompt de marca
Use a identidade visual da CONVERTTA.
CORES (não invente outras)
- Laranja CONVERTTA #FF6B35 — cor primária, energia e ação
- Laranja Escuro #CC3D00 — profundidade e a ÚNICA laranja para texto sobre branco (4,96:1, AA)
- Preto CONVERTTA #0D0D0D — fundos e texto
- Branco #FFFFFF
- Cinza Médio #888888 — texto secundário
- Gradiente oficial: linear-gradient(135deg, #FF6B35 0%, #CC3D00 100%)
PROPORÇÃO
60% neutro (branco, preto, respiro) · 30% apoio (cinza, superfícies) · 10% laranja (ação e foco).
TIPOGRAFIA
- Montserrat (700/800/900) para títulos. Inter (300/400/500) para corpo. Arial é a substituta obrigatória.
- Escala digital: H1 48px/800, H2 32px/700, H3 24px/700, H4 19px/700, corpo 16px/400, legenda 12px/500, micro 10px/500.
- Alinhar à esquerda, nunca justificar. Caixa alta só em kicker e rótulo, tracking mínimo de 1,5px.
TAGLINE
"Design que Transforma." — com D e T maiúsculos e ponto final. Não alterar.
MASCOTE
O canguru é o personagem da CONVERTTA. Representa a transformação em movimento: impulso, leitura de cenário, estrutura e o salto como mudança de nível. Nunca substitui o logotipo nem o símbolo C.
TOM DE VOZ
Claro, direto, energético e próximo. Verbos e escolhas, não jargão. Nunca prometa venda, escala ou ranking automáticos: prefira "orienta", "organiza", "apoia".
LOGOTIPO — PROIBIÇÕES ABSOLUTAS
- NUNCA gere, redesenhe, vetorize, recrie ou recolora o logo CONVERTTA. Use apenas os arquivos oficiais, com escala proporcional.
- Só existem duas versões: laranja (fundos claros) e branca (fundos escuros ou laranja).
- Proibido: distorcer, rotacionar, aplicar sombra/contorno/moldura, separar símbolo do lettering, usar só o texto, substituir a tipografia do lettering, aplicar gradiente dentro do logo.
- Reduções mínimas: horizontal 320px, vertical 240px, com tagline 480px, símbolo isolado 64px. Favicon é a única exceção (símbolo em 16/32/48px).
- Área de proteção: 1X em cada lado, onde X = metade da altura do lettering (0,75X para o símbolo isolado).
MOVIMENTO (apêndice digital)
- Anime apenas transform e opacity. Nunca width, height, top, left ou margin.
- Durações: 100ms retorno de ação, 200ms hover/foco, 400ms painel, 620ms entrada de seção.
- Curvas: entrada cubic-bezier(0.16, 1, 0.3, 1); saída cubic-bezier(0.7, 0, 0.84, 0); contínua cubic-bezier(0.65, 0, 0.35, 1).
- Entrada = fade + 12px para cima, escalonado em 60ms entre irmãos.
- prefers-reduced-motion: reduce desliga toda animação e mostra o estado final.
- Proibido: bounce, paralaxe, piscar, girar o logo, som em reprodução automática.
PRODUTO DIGITAL — SAAS E DASHBOARDS (apêndice digital)
- Espaçamento em múltiplos de 8px. Raios: 6px ícone, 12px campo, 20px card, 999px pill.
- Botão: altura 44px, uma ação principal por tela, foco visível com contorno de 2px laranja.
- Dark mode: base #0D0D0D, superfície elevada #1A1A1A, linha rgba(255,255,255,0.14), laranja #FF6B35.
- Séries de gráfico em fundo claro: #CC3D00, #5B4B8A, #8A5A00, #0F5F73, #6B6B6B, #2F6B4F.
- Séries de gráfico em fundo escuro: #FF6B35, #9E8CD6, #E0A93B, #4FB3CE, #A8A8A8, #63C08D.
- Estados (claro/escuro): sucesso #137A55/#72E0B2, alerta #A66200/#E8B457, erro #A52B2B/#FF9E9E.
- Cor nunca é o único código: repita o estado em texto, ícone ou forma.
SOCIAL E VÍDEO (apêndice digital)
- Feed 1080x1350 (área segura: topo 96, base 160, lados 64px).
- Stories e Reels 1080x1920 (área segura: topo 250, base 420, lados 64px).
- Capa e thumbnail 1280x720. Legenda obrigatória, no máximo 2 linhas, sobre fundo sólido.
- Símbolo a partir de 96px em social. Uma assinatura e um CTA por peça.
CONTEÚDO GERADO POR IA (apêndice digital)
- A IA NUNCA gera, redesenha ou recolore o logotipo: a assinatura entra em pós, do arquivo oficial.
- Revise sempre mãos, rostos, texto na imagem, objetos e marcas de terceiros.
- Texto em peça é aplicado em tipografia, nunca gerado dentro da imagem.
- Voz clonada só com autorização escrita; trilha com licença comercial verificada.
- Nada publica sem aprovação humana registrada.
- Peça fotorrealista que possa passar por registro real é identificada como gerada por IA.
CO-BRANDING (apêndice digital)
- Alinhe as marcas pela altura do lettering, não pela caixa total.
- Separador: filete vertical de 1px em #888888, com 1X de respiro de cada lado.
- Fundos do lockup horizontal: White (#FFFFFF) ou Black (#0D0D0D). Nunca laranja, gradiente ou fotografia.
- Em avatar quadrado o gabarito é outro: metade com o gradiente oficial e o símbolo branco, metade com a cor de fundo da marca do parceiro. Aí a cor de fora da paleta é do parceiro, e é esperada.
- Nunca recolorir a marca do parceiro nem aplicar o gradiente sobre qualquer marca.
Fonte: Manual de Identidade Visual CONVERTTA + Apêndice de Identidade Digital — https://convertta.com.br/marca
Um PDF que circula por e-mail envelhece na caixa de entrada de quem baixou. Este portal é o mesmo manual em um endereço fixo: quando a regra muda, ela muda para todo mundo ao mesmo tempo.
Seção Nosso mascote: o canguru alinhado ao manifesto da /sobre, com o vídeo da identidade em seção própria.
Apêndice de Identidade Digital (A1-A7): movimento, SaaS e dashboards, social e vídeo, conteúdo com IA, co-branding, arquitetura de marca e governança dos ativos.
Paleta de visualização de dados e cores semânticas, com contraste medido por superfície.
llms.txt, manual.md e tokens.json passam a incluir o apêndice.
Portal da marca publicado em /marca.
Simulador de fundo, régua de redução mínima e área de proteção interativos.
Camada legível por máquina: llms.txt, manual.md e tokens.json.
Quer um manual assim para a sua marca?
A Convertta cria a identidade visual completa e entrega em três formatos: manual em PDF, portal na web como este, e os arquivos organizados e prontos para uso.
20 · Apêndice digital
Social media e vídeo
Feed, stories e vídeo têm interface por cima: as plataformas cobrem parte da arte com avatar, legenda e botões. As áreas seguras abaixo garantem que a marca e a chamada sobrevivam a isso.
Sua próxima transformação começa aqui.
Fale com a gente
Feed · 4:5
1080 × 1350
Post estático e carrossel. É o formato de maior área no feed.
Legendas
Obrigatória
Sempre
Todo vídeo com fala tem legenda embutida ou por arquivo. A maioria assiste sem som.
Corpo
48 a 64 px
Em arquivo de 1080 px de largura. Inter 500, alinhada à esquerda ou centralizada.
Linhas
2 no máximo
Até 42 caracteres por linha. Quebre por sentido, não por largura.
Contraste
Fundo sólido
Tarja no Preto CONVERTTA a 70% ou texto branco com sombra suave. Nunca texto solto sobre imagem.
Posição
Dentro da área segura
Acima da base reservada à interface da plataforma.
Caixa alta
Proibida
Legenda é texto corrido, e caixa alta em frase longa é proibida pelo manual (pág. 25).
Assinatura e CTA
Assinatura
Chamada para ação