Quando o cliente ganha um brandbook
| Ficha de marca | Brandbook | |
|---|---|---|
| O que responde | O que preciso saber para produzir sem inventar? | Como a marca deve ser aplicada, com exemplo visual? |
| Formato | Texto, 8 blocos, a IA lê | Documento visual, com logos, cores, mockups e proibições desenhadas |
| Quem usa | A equipe e o Claude, no dia a dia | O designer, o prestador novo, a gráfica, o próprio cliente |
| Para quem na Conexão | Todo cliente | Carteira A, ou quem pagar à parte |
| Tempo | 15 a 45 min de conversa | Dias, depois de a ficha estar travada |
Brandbook sem ficha travada é design em cima de chute. Primeiro a ficha no nível 2, depois o brandbook. E o brandbook não muda a marca: só mostra como aplicar a que já existe. Mudar a marca é branding, que é outro projeto, com outro preço.
Essência
Uma página. Abre o brandbook porque é o que explica todas as escolhas visuais que vêm depois.
- Posicionamento: o que faz, para quem, e por que é diferente, em uma frase
- Promessa: o que o cliente dessa marca sempre pode esperar
- Personalidade: 3 a 5 atributos, com o que cada um significa na prática
Posicionamento: Operadora de Crescimento com IA para PMEs: entra na operação junto e deixa o crescimento previsível.
Personalidade: estratégica, direta, sofisticada, com autoridade. Premium e consultiva, nunca "social media bonito".
Logo, versões e área de proteção
Qual arquivo usar em cada fundo, e quanto espaço livre ele precisa.
Área de proteção
A linha tracejada marca o espaço livre em volta do logo, onde nenhum texto ou elemento entra.
| Regra | Avantys |
|---|---|
| Tamanho mínimo do logo horizontal | 120 px de largura em tela. Abaixo disso, só o símbolo |
| Medida da área de proteção | Pendência: não está definida no nosso guia. É exatamente o tipo de lacuna que vira pergunta, não chute |
Usos proibidos
Mostrar o erro desenhado ensina mais que escrever a regra. É a página que o prestador novo mais consulta.
Cores
Cada cor com os três códigos, porque tela, gráfica e Canva pedem coisas diferentes, e com o papel dela.
Azul Avantys
#01366a · RGB 1 54 106 · CMYK 100 82 34 20
Institucional, texto em fundo claro, fundo de peça
Sailor Blue
#3c5e80 · RGB 60 94 128 · CMYK 81 56 30 14
Apoio, bordas, variação de fundo
Verde Avantys
#007588 · RGB 0 117 136 · CMYK 85 33 35 16
Destaque e botão. Uso pontual
Branco
#ffffff
Fundo principal e respiro
Cores proibidas: vermelho, rosa, laranja vibrante. Não combinam com o tom premium e consultivo.
Tipografia
A fonte de título, a de texto, os pesos, e o que usar quando a peça vai para a gráfica.
| Uso | Digital | Impresso |
|---|---|---|
| Título | Fraunces 700 e 900 | Franklin Gothic Heavy |
| Texto | Inter 400 e 700 | Arial Bold |
| Regra | Itálico em no máximo 2 ou 3 palavras por título. Nunca fonte script, caligráfica ou cartoon | |
Linguagem visual
O estilo em palavras e em regras concretas: bordas, cantos, espaço, o que nunca entra.
Estilo: limpo, espaçoso, hierarquia clara, contraste forte em azul, verde só como respiro.
| Elemento | Regra |
|---|---|
| Bordas | Finas, 1 px, Sailor Blue ou cinza neutro |
| Cantos dos cards | 8 a 16 px, suaves |
| Botão | Fundo verde ou azul, texto branco em negrito, cantos de 8 px |
| Nunca | Emoji decorativo, gradiente fora da paleta, layout poluído, tudo no mesmo peso |
Imagem e foto
De onde vêm as fotos, como tratar, e até onde a IA pode ir. Se o cliente tem regra sensível (criança, paciente, produto técnico), é aqui que ela fica escrita.
- Foto real antes de imagem gerada. IA só para fundo, textura e mockup
- Tratamento em duotone azul quando a foto entra em peça institucional
- Nunca rosto gerado por IA em close, nunca pessoa sorrindo sem contexto
Aplicações
A marca aplicada nas peças que o cliente mais usa. Dois ou três mockups bastam: é o que o designer copia.
Crescer no susto custa caro
Card de feed 4:5 com logo branco no topo e proposta com faixa azul no cabeçalho. Para a Conexão, vale incluir também a regra do logo por formato que ficou na ficha (reel sem logo, carrossel só no último slide).
Da ficha travada ao brandbook
Primeiro, abra o brandbook da Avantys em PDF: 11 páginas A4, capa, um capítulo por página e a página de pendências no fim. É esse o formato que o cliente recebe. O arquivo que gera o PDF também está disponível, para o Claude usar como base de layout: baixar o modelo em HTML.
- A ficha do cliente está no nível 2 e travada
- Os logos estão na pasta
marca/logo/do cliente, com fundo transparente - O molde do brandbook está salvo em
templates/
Lê a ficha de marca do cliente [NOME] e o molde modelo-brandbook.md. Monta o brandbook dele seguindo os 8 capítulos do molde, usando só o que está na ficha e os arquivos da pasta marca/. Usa o arquivo brandbook-exemplo.html como base de layout, trocando a identidade da Avantys pela do cliente. Gera em HTML, no formato de página A4, com os logos de verdade, as cores em amostra, os usos proibidos desenhados e dois mockups das peças que ele mais usa. O que não estiver na ficha vai para uma seção de Pendências no fim, não invente. Depois salva o PDF na pasta do cliente.