Produtos / Forja de Marca
// identidade
A sua marca já existe. Falta o manual que diz como aplicar
A Forja de Marca parte do logo que você já tem e organiza o resto em volta dele: uso do logotipo, cores, tipografia, submarcas, tom de voz e um kit de componentes prontos. Tudo em um arquivo só, que abre em qualquer navegador.
sete marcas já forjadasentregue em HTML — abre no navegador, sem programanão redesenha o seu logo
// a capa de um manual real — este é o da própria RRooster, feito com o mesmo método
// o problema
Cada peça sai um pouco diferente da anterior
O logo está no drive. A cor, cada um pega de um lugar. A fonte muda conforme quem faz. E toda vez que entra alguém novo — agência, freela, estagiário, uma IA — a marca é reconstruída de memória, um pouco pior.
O que costuma existir
Um PDF de manual que ninguém abre, ou uma pasta com o logo em três versões e nenhuma regra. Quando alguém precisa do código exato de uma cor, pergunta no grupo — e recebe duas respostas diferentes.
O que a Forja entrega
Um documento único, com o valor de cada cor escrito ao lado do exemplo, os componentes já montados e o tom de voz definido. Quem for aplicar não precisa perguntar nada — está tudo na mesma página.
Marca não se perde por falta de logo. Se perde por falta de regra escrita — e uma regra que ninguém encontra é o mesmo que regra nenhuma.
// o que vem dentro
O ponto de partida, seção por seção
Esta é a estrutura sugerida — o esqueleto de onde todo manual parte. Na prática ela se ajusta a cada marca: bloco que não faz sentido sai, e o que a marca pede entra. Nas sete forjas até aqui o documento foi de 7 a 12 blocos, e nenhuma usou exatamente a mesma lista.
// sugestão de estrutura · o escopo real é fechado por escrito, marca a marca
Assinatura da marca, brand line, faixa com as cores do sistema, índice navegável, versão e data. E a autoria, com link.
O símbolo e o que ele significa, os pilares e o arquétipo — a leitura de quem a marca é, antes de qualquer regra visual.
Fundo claro e escuro lado a lado, no mesmo tamanho, com a negativa real. Área de proteção, tamanho mínimo e os usos incorretos, mostrados.
Paleta institucional mais as expressivas amostradas do próprio logo. Cada cor com o valor ao lado, a regra de contraste e a de hierarquia: um acento por peça.
A grade das sub-identidades, cada uma com logo, cor, ícone e descritor reais — e a regra de quando o selo aparece e quando não.
Marca, submarcas e co-marca, cada bloco em claro e escuro, com os valores identificados. É o que se manda para um parceiro sem precisar explicar.
O par de fontes — display e texto — e a escala viva: cada tamanho mostrado no tamanho real, com o nome que ele tem no sistema.
O maior bloco: os componentes de interface já montados, prontos para copiar. Detalhado abaixo.
A dimensão verbal, que a maioria dos manuais visuais esquece: princípios, a tabela dizemos × não dizemos e a mesma mensagem em dois registros.
// seção 07
O UI Kit — os componentes, já montados
Não é uma lista de recomendações: são os componentes renderizados no próprio documento, com os valores ao lado. Quem for construir a página copia daqui.
- Botões — variantes, estados e o de destaque
- Formulários — com o campo de consentimento LGPD
- Tags e status — cor + texto, nunca só cor
- Cards — desktop, versão mobile e a página completa
- Navegação — a barra no desktop e o menu no celular
- Heros — um por registro de tom da marca
- Alertas — aviso, erro e confirmação
- Iconografia — ícones de linha em vetor, sem emoji
- Tokens — espaçamento, sombra e arredondamento
- Pessoas — foto, titulação, currículo e bio
- Co-marca — como a sua marca convive com a de outro
- Favicon e avatares — recortados do próprio símbolo
// os componentes aparecem funcionando, não descritos
// cada submarca com logo, cor e regra próprios
// módulos
O que liga conforme a sua marca
A espinha é a mesma para todo mundo. Estes entram quando fazem sentido — e ficam de fora quando não fazem, em vez de virar página de enchimento.
- Atmosfera — o motivo-assinatura da marca, o elemento gráfico que se repete e faz reconhecer
- Aplicação em e-mail — o que muda num meio sem sombra, sem fonte própria e sem brilho
- Aplicação em social — direção de foto e o selo da submarca no post
- WhatsApp — como a marca fala no canal em que ela é só texto
- Movimento — o que anima, quanto tempo dura e o que fica parado
- Canal técnico — a ficha que vai ao especialista, quando o produto passa por um
- Esteira — como os seus produtos se apresentam em sequência
- Componente-assinatura — o bloco que só a sua marca tem
- Especificação para IA — a marca em JSON, para a máquina ler em vez de adivinhar
// borda tracejada = módulo opcional · o escopo é fechado por escrito antes de começar
// a fronteira
O que a Forja de Marca não faz
Não é rebranding
Ela não redesenha o seu logo nem troca o seu nome. Parte do que a marca já é — se você quer uma marca nova, o trabalho é outro, e a gente diz isso antes em vez de vender o errado.
Não aplica sozinha
O manual diz como fazer; quem aplica é quem produz o material. Ele elimina a dúvida e o retrabalho, não o trabalho — e a gente prefere escrever isso aqui a você descobrir depois.
// já forjadas
Sete marcas, sete peles, a mesma espinha
São as capas de verdade, uma por manual entregue. A prova de que o método não é um template com a cor trocada: nenhuma se parece com a outra, e todas saíram da mesma estrutura.
// capas reais dos manuais entregues · a marca de cada cliente aparece com autorização dele
// como chega
Dois arquivos, nenhuma dependência
A gente lê o que já existe
O arquivo do logo, o site no ar, a loja, o perfil. A marca é derivada do que ela já faz — nada inventado.
Você recebe o documento
Um arquivo autossuficiente, com as imagens embutidas: abre em qualquer computador, sem pasta ao lado e sem programa.
E a fonte, para quando mudar
Junto vai a versão editável. Marca muda — abre uma linha nova, troca uma cor — e o documento acompanha em vez de virar peça de museu.
Ressalva de formato
O manual é entregue em HTML, para abrir no navegador. Não é PDF, não é arquivo do Figma nem do InDesign. Na prática, isso quer dizer:
- Abre em qualquer computador ou celular, sem programa, sem licença e sem login — e continua abrindo daqui a cinco anos.
- Os valores são texto, e dão para copiar — cor, fonte, espaçamento. É por isso que o formato é esse: quem aplica copia do documento em vez de tirar print e adivinhar.
- Uma IA consegue ler o arquivo e extrair o que precisa. Hoje quem produz material da sua marca muitas vezes é uma ferramenta de IA — e num PDF ou num arquivo de Figma ela adivinha. Em HTML ela lê os valores direto: paleta, tipografia, espaçamento, tom de voz. O manual fecha com um bloco em JSON justamente para isso.
- Vira PDF pelo navegador, com folha de impressão própria: as cores são preservadas e os blocos não quebram no meio da página.
- Para editar depois, mexe-se no HTML. A fonte editável vai junto — mas não é um documento de editor de texto, e quem for alterar precisa saber onde põe a mão. Se preferir, a gente altera.
- Não substitui o arquivo vetorial do seu logo. Ele continua sendo seu e vive fora do manual; aqui entram as regras de uso, não o original.
// perguntas frequentes
O que costumam perguntar
Vocês vão mudar o meu logo?
E se hoje eu não tenho manual nenhum?
Como o manual chega até mim?
Preciso de algum programa para abrir?
Dá para imprimir ou virar PDF?
O que é a especificação para IA?
Serve para qualquer tipo de negócio?
Quanto custa?
A sua marca em um arquivo que qualquer um sabe usar
Manda o logo e o endereço do seu site. A gente olha o que já existe e volta com o escopo — o que entra, o que não entra e quanto custa.