# Manual de Identidade Visual · CONVERTTA

**Versão 2.0** · atualizado em 2026-09-20 · https://convertta.com.br/marca

> A CONVERTTA transforma ideias e ofertas em experiências visuais e digitais com direção, clareza e energia de crescimento.

Este documento é a transcrição normativa do manual da CONVERTTA. Valores, medidas e regras não devem ser alterados. Para uso por agentes de IA, veja também [llms.txt](https://convertta.com.br/marca/llms.txt) e [tokens.json](https://convertta.com.br/marca/tokens.json).

---

## Nosso mascote

O canguru é o personagem da Convertta. Representa movimento, impulso e evolução contínua — a transformação em movimento.

**Por que um canguru?**

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.

---

## Como usar

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.

- **Digital** (Tela, avatar e interface): Verifique redução, densidade, modo de cor e contraste.
- **Impressão** (Arte final a 300 ppi): Revise sangria, cor, acabamento e prova em tamanho real.
- **Ambiente** (Escala e distância): Teste leitura, materiais, iluminação e interferências arquitetônicas.

---

## Módulo 01 · Fundamentos

### Propósito, missão, visão e valores

**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.

### A Transformação em Movimento

**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.

### Personalidade e arquétipo

Arquétipo dominante: **O 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 é | A marca não é |
|---|---|
| **Estratégica** — Cada elemento tem função. | **Genérica** — Não cabe em frases prontas. |
| **Próxima** — Fala com pessoas reais. | **Passiva** — Não espera a mensagem falar sozinha. |
| **Energética** — Conduz ao próximo passo. | **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.

### Tom de voz

**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.**

- **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.

Grafia obrigatória: Design que Transforma. — com D e T maiúsculos e ponto final.

---

## Módulo 02 · Sistema do logotipo

### Anatomia da assinatura

H corresponde à altura total do símbolo no logotipo horizontal.

| Elemento | Medida | Descrição |
|---|---|---|
| Logotipo | 4,05H | Largura da versão horizontal; altura total igual a 1H. |
| Lettering | 0,35H | Altura do nome, centralizado no eixo de 0,50H. |
| Tagline | 4,25H | Largura; distância vertical do logotipo igual a 0,32H. |
| Eixo óptico | 0,50H | 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.

> Use as relações para conferir o arquivo oficial, nunca para redesenhá-lo.

### Versões da marca

- **Horizontal** — Assinatura principal do sistema e primeira escolha em fundos claros e neutros.
- **Vertical** — Áreas estreitas, quadradas ou de leitura central.
- **Com tagline** — Capas, propostas, apresentações e campanhas institucionais.
- **Símbolo isolado** — Quando o espaço não comporta o nome completo. Não substitui o nome em comunicações institucionais extensas.

Cada composição existe em duas cores: **laranja** para fundos claros e neutros, **branca** para fundos escuros, laranja ou fotografia controlada.

### Malha de conferência

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.** Meça a altura do nome e divida por dois após definir a escala final.

- Horizontal, vertical e assinatura com tagline: 1X em cada lado.
- Símbolo isolado: 0,75X em cada lado, escalando junto com o símbolo.

No exemplo apresentado no manual, 1X equivale a 32 px e 0,75X a 24 px.

### Redução mínima

| Versão | Mínimo | Proteção | Uso principal |
|---|---|---|---|
| Horizontal | 320 px | 1X | Site, apresentação, papelaria e sinalização. |
| Vertical | 240 px | 1X | Formatos estreitos e composição central. |
| Com tagline | 480 px | 1X | Comunicação institucional. |
| Símbolo isolado | 64 px | 0,75X | Avatar, ícone e bordado. |

**Única exceção controlada.** 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.

---

## Módulo 03 · Cor

### Paleta oficial

| Cor | HEX | RGB | CMYK | Pantone (aprox.) |
|---|---|---|---|---|
| Laranja CONVERTTA | `#FF6B35` | 255, 107, 53 | 0, 70, 85, 0 | 165 C |
| Laranja Escuro | `#CC3D00` | 204, 61, 0 | 10, 85, 100, 5 | 1665 C |
| Preto CONVERTTA | `#0D0D0D` | 13, 13, 13 | 0, 0, 0, 95 | Black C |
| Branco Puro | `#FFFFFF` | 255, 255, 255 | 0, 0, 0, 0 | — |
| Cinza Médio | `#888888` | 136, 136, 136 | 0, 0, 0, 47 | Cool Gray 7 C |

> **Regra Pantone.** Todo código Pantone é equivalente aproximado — validar em guia Pantone físico antes de impressão. Nunca afirmar equivalência exata.

### Gradiente oficial

`linear-gradient(135deg, #FF6B35 0%, #CC3D00 100%)`

**Permitido**

- Fundo de capa, seção ou cartão.
- Botões e elementos de destaque.
- Faixas e grafismos institucionais.

**Não permitido**

- Dentro do logo — não aplicar em CONVERTTA Horizontal Laranja, Horizontal Branca ou Símbolo.
- Em texto corrido — não usar como cor de leitura contínua.
- Não inverter os stops sem aprovação.

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.

### Proporção de uso

- **60% neutro** — Branco, preto e áreas de respiro.
- **30% apoio** — Cinza, superfícies e estrutura.
- **10% laranja** — Energia, ação e foco.

### Contraste e acessibilidade

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

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.

---

## Módulo 04 · Tipografia

### Famílias

- **Montserrat (primária)** — 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.
- **Inter (secundária)** — 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.

Montserrat decide. Inter explica. A combinação cria hierarquia sem depender de cor ou efeito.

**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.

### Escala tipográfica

| Nível | Impresso | Digital | Peso | Entrelinha | Tracking |
|---|---|---|---|---|---|
| H1 | 36 pt | 48 px | Montserrat 800 | 1,05 | -1 px |
| H2 | 24 pt | 32 px | Montserrat 700 | 1,1 | -0,4 px |
| H3 | 18 pt | 24 px | Montserrat 700 | 1,15 | -0,2 px |
| H4 | 14 pt | 19 px | Montserrat 700 | 1,2 | 0 px |
| Corpo | 10,5 pt | 16 px | Inter 400 | 1,5 | 0 px |
| Legenda | 8,5 pt | 12 px | Inter 500 | 1,35 | +0,2 px |
| Micro | 7 pt | 10 px | Inter 500 | 1,25 | +0,4 px |

### Regras tipográficas

01. **Alinhe à esquerda.** 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.

---

## Módulo 05 · Elementos de apoio

### Grafismo de movimento

- **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.

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

---

## Módulo 06 · Integridade e aplicação

### O que não fazer

Os exemplos partem do arquivo oficial, mas simulam o erro apenas para treinamento. Nenhuma dessas alterações deve ser salva como ativo de marca.

01. **Distorcer** — Não alterar a proporção horizontal ou vertical. _(erro · escala não proporcional)_
    - Correto: Largura e altura usam exatamente o mesmo fator de escala. Deformação de 0% é o limite.
02. **Rotacionar** — O movimento já está no desenho. Não girar o arquivo. _(erro · orientação alterada)_
    - Correto: Mantenha a assinatura no eixo horizontal original do arquivo oficial.
03. **Recolorir fora da paleta** — Não trocar o laranja oficial por outra cor. _(erro · cor não autorizada)_
    - Correto: Use a versão laranja em fundo claro e a branca em fundo escuro ou laranja. Só existem essas duas.
04. **Aplicar sombra ou efeito** — Não adicionar sombra, brilho, bevel ou contorno. _(erro · efeito adicionado)_
    - Correto: Se a marca não se destaca, corrija o fundo — não o logo.
05. **Separar símbolo do lettering** — Não criar distância, eixo ou relação diferente da original. _(erro · composição rompida)_
    - Correto: Símbolo e lettering são um arquivo só, com relação bloqueada em 0,50H de eixo óptico.
06. **Usar só o texto** — Não remover o símbolo do logo horizontal. _(erro · elemento ausente)_
    - Correto: Precisa de algo mais compacto? Use o símbolo isolado, a partir de 64 px.
07. **Fundo sem contraste** — Não usar a versão laranja sobre fundo laranja ou cor de valor próximo. _(erro · contraste)_
    - Correto: Sobre laranja, a assinatura é sempre a branca. A cor primária não cria contraste sobre si mesma.
08. **Foto poluída** — Não aplicar sobre textura ou imagem sem área de respiro e leitura. _(erro · fundo sem controle)_
    - Correto: Escolha uma zona uniforme da foto e preserve 1X de respiro. Trate a fotografia, não o logotipo.
09. **Espaçamento interno alterado** — Não sobrepor nem afastar símbolo e lettering para preencher um suporte. _(erro · espaçamento)_
    - Correto: O espaçamento interno pertence ao arquivo. Para preencher outro formato, troque de versão.
10. **Substituir a tipografia** — Não redesenhar o lettering com Montserrat, Arial ou outra fonte. _(erro · lettering recriado)_
    - Correto: O desenho do nome pertence ao arquivo oficial. Montserrat é para títulos, nunca para o logo.
11. **Abaixo da redução mínima** — Não reduzir para caber. Use o mínimo definido na página 17. _(erro · leitura perdida)_
    - Correto: Horizontal a partir de 320 px. Não coube? Troque para vertical (240 px) ou símbolo (64 px).
12. **Caixa ou contorno não previsto** — Não enquadrar a marca em contorno, selo ou moldura sem sistema aprovado. _(erro · moldura adicionada)_
    - Correto: A marca se apoia na área de proteção, não em uma caixa desenhada em volta dela.

> **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.

### Aplicação em fundos

**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.

---

## Módulo 07 · Pontos de contato

### 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

- **Avatar** (1080 × 1080 px) — Símbolo central com 130 px de respiro mínimo.
- **Capa e apresentação** (1920 × 1080 px) — Logo branco em fundo escuro ou laranja; laranja em fundo claro.
- **Assinatura de e-mail** (320 px de largura) — Contato e site permanecem legíveis, sem excesso de elementos.

### Ambiente

- **Recepção** (Ponto principal de assinatura) — Centralize no eixo de chegada e preserve 140 px de respiro na prancha.
- **Vidro** (Contraste e transparência) — Use a versão que permaneça legível nos dois sentidos de observação.
- **Sala de reunião** (Presença sem excesso) — Uma aplicação principal por ambiente, sem repetir a marca como textura.

---

## Módulo 08 · Expressão da marca

### Ecossistema de soluções

- **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

- **Função narrativa:** undefined
- **Uso:** undefined
- **Limite:** undefined
- **Método:** [object Object]

---

## Módulo 09 · Produção e aprovação

### Formatos

- **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.

### Fluxo de produção

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.

---

## Módulo 10 · Mockups

### 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.

---

# Apêndice de Identidade Digital

## A1 · 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.

### Durações

| Token | Duração | Uso |
|---|---|---|
| `instantaneo` | 100 ms | 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. |

### Curvas

| Token | Curva | Uso |
|---|---|---|
| `saida` | `cubic-bezier(0.16, 1, 0.3, 1)` | Padrão do sistema. Tudo que entra em cena: seções, painéis, cartões, números. |
| `entrada` | `cubic-bezier(0.7, 0, 0.84, 0)` | Tudo que sai de cena: fechamento de painel, dispensa de aviso. |
| `continuo` | `cubic-bezier(0.65, 0, 0.35, 1)` | Movimento que começa e termina na tela: reordenação, deslize entre passos. |
| `linear` | `linear` | Progresso e carregamento — barra, spinner, contador. Só onde o ritmo precisa ser constante. |

### Entrada e saída

- **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.

---

## A2 · Sistema para 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

| Token | Valor | Uso |
|---|---|---|
| `esp-1` | 4 px | Colagem: ícone e rótulo, itens de uma mesma unidade. |
| `esp-2` | 8 px | Módulo-base. Espaço interno de componentes pequenos. |
| `esp-3` | 12 px | Entre campo e rótulo, entre linhas de uma lista densa. |
| `esp-4` | 16 px | Padding padrão de cartão compacto e distância entre campos. |
| `esp-6` | 24 px | Padding de cartão, distância entre blocos relacionados. |
| `esp-8` | 32 px | Entre grupos distintos dentro de uma tela. |
| `esp-12` | 48 px | Entre seções de uma página de produto. |
| `esp-16` | 64 px | Respiro de topo e base de tela. |

### Raios

| Token | Valor | Uso |
|---|---|---|
| `raio-icone` | 6 px | Cantos de ícone e microelemento (pág. 27). |
| `raio-campo` | 12 px | Campos, selects, botões retangulares e menus. |
| `raio-card` | 20 px | Cartões e painéis — o mesmo raio do sistema impresso. |
| `raio-pill` | pill | Botões de ação, tags e chips. |

### Botões

| Variante | Papel | Fundo | Texto | Borda | Regra |
|---|---|---|---|---|---|
| Primário | A ação principal da tela. Uma por tela. | Gradiente oficial, 135° | #FFFFFF | Sem borda | Se há dois primários na tela, um deles não é primário. |
| Secundário | Ação alternativa de mesmo peso informativo. | Transparente | Preto CONVERTTA / branco no escuro | 1 px na cor da linha | Usa a mesma altura e o mesmo raio do primário. |
| Fantasma | Ação terciária: cancelar, voltar, dispensar. | Transparente | Cinza Médio | Sem borda | Nunca é a única saída de um fluxo destrutivo. |
| Destrutivo | Excluir, revogar, encerrar. | Transparente | Erro | 1 px na cor de erro | Sempre com confirmação. Nunca em laranja — laranja é ação desejada. |

Alturas: compacto 36 px · padrao 44 px · destaque 52 px.

### Estados

- **Padrão** — Estado de repouso.
- **Hover** — Muda cor ou borda em 200 ms. Sem deslocar layout.
- **Foco** — Contorno de 2 px em laranja, deslocado 2 px. Nunca remover o foco visível.
- **Ativo** — Escala de 0,98 no clique — o único uso aprovado de escala em botão.
- **Carregando** — Rótulo trocado por texto de progresso. Largura preservada para não saltar.
- **Desabilitado** — Opacidade 45%, cursor bloqueado. Explique ao lado por que está desabilitado.
- **Erro** — Borda e mensagem na cor de erro, abaixo do campo. Nunca só a borda.

### Campos

- **Altura** (44 px) — Mesma do botão padrão, para alinhar em linha.
- **Rótulo** (Sempre visível) — Acima do campo. Placeholder não substitui rótulo.
- **Ajuda** (Abaixo do campo) — Texto de 12 px em Cinza Médio, antes de o erro aparecer.
- **Erro** (Texto + cor) — A mensagem diz o que corrigir, não apenas que está inválido.
- **Obrigatório** (Marcar o opcional) — Em formulários majoritariamente obrigatórios, marque os opcionais.

### Dark mode

- **Base** (#0D0D0D) — Fundo da aplicação. É o Preto CONVERTTA da paleta.
- **Elevada** (#1A1A1A) — Cartões e painéis sobre a base.
- **Linha** (rgba(255,255,255,0.14)) — Bordas e divisores. Nunca branco puro.
- **Texto** (#FFFFFF / 66%) — Primário em branco; secundário a 66% de opacidade.
- **Laranja** (#FF6B35) — No escuro o laranja puro já atende (6,85:1) e dispensa o tom escuro.
- **Sombra** (Substituir por luz) — No escuro, hierarquia vem da superfície mais clara, não de sombra.

### Visualização de dados

Superfície clara:

| Série | Cor | HEX | Contraste |
|---|---|---|---|
| 1 | Laranja escuro | `#CC3D00` | 4,96:1 |
| 2 | Roxo | `#5B4B8A` | 7,45:1 |
| 3 | Âmbar | `#8A5A00` | 5,93:1 |
| 4 | Petróleo | `#0F5F73` | 7,23:1 |
| 5 | Cinza | `#6B6B6B` | 5,33:1 |
| 6 | Verde | `#2F6B4F` | 6,29:1 |

Superfície escura:

| Série | Cor | HEX | Contraste |
|---|---|---|---|
| 1 | Laranja | `#FF6B35` | 6,85:1 |
| 2 | Roxo | `#9E8CD6` | 6,64:1 |
| 3 | Âmbar | `#E0A93B` | 9,17:1 |
| 4 | Petróleo | `#4FB3CE` | 8,03:1 |
| 5 | Cinza | `#A8A8A8` | 8,17:1 |
| 6 | Verde | `#63C08D` | 8,75:1 |

- A série 1 é sempre a métrica principal — é ela que carrega o laranja da marca.
- Use quatro séries no máximo por gráfico. Acima disso, agrupe em "outros".
- Cor não pode ser o único código: rotule a série direto no gráfico ou use marcador diferente. As luminâncias são próximas de propósito, e daltonismo apaga a diferença de matiz.
- Escala sequencial (mapa de calor, intensidade): use um único matiz variando luminosidade, do Branco ao Laranja Escuro.
- Escala divergente (acima/abaixo de meta): Petróleo de um lado, Laranja Escuro do outro, neutro no centro.
- Nunca use as cores semânticas como série categórica: verde e vermelho ali significam estado, não categoria.

### Sucesso, alerta e erro

| Papel | Claro | Contraste | Escuro | Contraste | Uso |
|---|---|---|---|---|---|
| Sucesso | `#137A55` | 5,33:1 | `#72E0B2` | 12,05:1 | Confirmação, meta batida, integração ativa. |
| Alerta | `#A66200` | 4,81:1 | `#E8B457` | 10,27:1 | Atenção sem bloqueio: limite próximo, dado desatualizado. |
| Erro | `#A52B2B` | 7,05:1 | `#FF9E9E` | 9,84:1 | Falha, campo inválido, ação bloqueada. |
| Informação | `#0F5F73` | 7,23:1 | `#7FD3EA` | 11,48:1 | Aviso neutro e dica de contexto. |

### Indicadores

- **Número** (Montserrat 800) — Tabular, para o dígito não dançar ao atualizar.
- **Rótulo** (Inter 500 · 12 px) — Caixa alta com tracking de 1,4 px, em Cinza Médio.
- **Variação** (Sinal + cor + seta) — Três códigos redundantes. Nunca só a cor.
- **Contexto** (Obrigatório) — Todo indicador diz contra o quê compara: período anterior, meta ou média.
- **Vazio** (Estado próprio) — "Sem dados no período" — nunca zero no lugar de ausência.

### Contraste e acessibilidade

- Texto e ícone essencial: 4,5:1. Componentes de interface e limites de gráfico: 3:1 (WCAG 1.4.11).
- Alvo de toque: 44 × 44 px, inclusive em tabela.
- Foco visível em todo elemento operável, com contorno de 2 px em laranja.
- Toda a interface é operável por teclado, na ordem visual, sem armadilha de foco.
- Tabela de dados tem cabeçalho associado; gráfico tem alternativa em texto ou tabela.
- Atualização assíncrona é anunciada por região viva, não só visualmente.

---

## A3 · 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.

| Formato | Tamanho | Proporção | Topo | Base | Lados |
|---|---|---|---|---|---|
| Feed | 1080 × 1350 px | 4:5 | 96 px | 160 px | 64 px |
| Stories e Reels | 1080 × 1920 px | 9:16 | 250 px | 420 px | 64 px |
| Capa de vídeo | 1280 × 720 px | 16:9 | 40 px | 90 px | 60 px |
| Thumbnail | 1280 × 720 px | 16:9 | 40 px | 120 px | 60 px |

### Feed

Post estático e carrossel. É o formato de maior área no feed.

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

### Stories e Reels

Vertical de tela cheia. Vale para Stories, Reels, Shorts e TikTok.

- Topo: avatar, nome e barra de progresso. Base: legenda, som, botões e CTA da plataforma.
- Nada essencial fora da faixa central de 1080 × 1250 px.
- A assinatura vai no topo da área segura, não na base disputada pela interface.

### Capa de vídeo

YouTube, player em site e apresentação.

- A base reserva a faixa do controle de reprodução e do tempo.
- O texto da capa tem no máximo cinco palavras e sobrevive a 320 px de largura.
- Assinatura horizontal a 320 px, mínimo do manual (pág. 17).

### Thumbnail

Miniatura de listagem e sugestão.

- Validar a 210 × 118 px: é o tamanho real na listagem do celular.
- A base evita o carimbo de duração, no canto inferior direito.
- Rosto ou objeto único, texto curto e alto contraste. Sem moldura na marca.

### 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

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

---

## A4 · 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

| 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

**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.

---

## A5 · Co-branding

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.

### 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.

### Separador

- **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.

### Ordem

| Caso | Posição | Quando |
|---|---|---|
| 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.

---

## A6 · Arquitetura de marca e serviços

### Marca única

**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.**

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ç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

undefined

Temas: IA & Conversão · GEO & SEO · Sites & Landing Pages · Vídeo com IA · SaaS & Sistemas · Social 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.

---

## A7 · 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.

| 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

- **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".

---

## Contato

contato@convertta.com · https://convertta.com.br · Manual 2.0 · 2026-09-20