Brand Board Padrão
Esta habilidade faz com que cada brand board utilize a mesma estrutura de seções, permitindo que marcas diferentes (com personagens, cores e tons distintos) sejam comparadas, revisadas e entregues da mesma forma.
Este padrão foi derivado da análise de 4 boards de referência (Pawang.dev, DukunKode, Gus Kode, Ning Kode). Cada board se destaca em uma área diferente, portanto este padrão combina o melhor de cada um. A especificação completa de cada seção está em references/section-spec.md.
Por que este padrão existe
Sem uma estrutura fixa, novos boards tendem a pular seções que não são lembradas no momento (versão escura do logo, fonte para código, microcopy para estado de erro). O resultado é que a marca não pode ser usada de forma consistente por outras equipes. A estrutura fixa força as mesmas perguntas a serem feitas para cada marca.
Escolha o escopo: hierárquico ou completo
Existem dois escopos. O padrão é hierárquico. Use o escopo completo apenas se o usuário solicitar explicitamente (por exemplo, "modo completo", "todas as seções", "full", "preencha tudo"). Se o usuário não mencionar nada, use o hierárquico e não pergunte.
| Hierárquico (padrão) | Completo | |
|---|---|---|
| Nível 1 (7 seções) | Obrigatório | Obrigatório |
| Nível 2 (7 seções) | Apenas se a marca tiver o elemento | Obrigatório, use versão mínima se a marca não tiver |
| Nível 3 (2 seções) | Apenas se relevante | Obrigatório, use versão mínima se não for relevante |
| Seções puladas | Anotadas com o motivo | Nenhuma |
| Adequado para | Marcas com identidade já clara, board conciso | Template uniforme entre marcas, documentação completa |
No escopo completo, cada seção tem uma "versão mínima" (veja references/section-spec.md) para não parecer forçada: seu conteúdo é derivado do logotipo, slogan e área de atuação, e não inventa elementos inadequados. Seções cujo conteúdo é totalmente derivado são marcadas com [ASSUMÇÃO] uma vez no título da seção, não linha por linha (veja a regra de marcação abaixo).
Três modos de trabalho
Determine o modo a partir da solicitação do usuário e siga o fluxo. O escopo (hierárquico/completo) se aplica a todos os três.
Modo A: Criar um novo brand board
- Colete o briefing mínimo. Verifique primeiro o que já existe na conversa, não pergunte novamente. O necessário:
- Nome da marca e slogan (ou 3 pilares de valor)
- Área de atuação e público-alvo
- Personagem/tom (por exemplo, acolhedor, misterioso, formal) e, se houver, conceito cultural ou mascote
- Preferência de cores (opcional, pode ser sugerida) Se o briefing estiver incompleto, pergunte no máximo 3 itens de uma vez; preencha o restante com suposições escritas explicitamente.
- Determine o escopo (padrão hierárquico) e, se hierárquico, selecione as seções de Nível 2/3 relevantes.
- Gere a Especificação da Marca usando
assets/brand-spec-template.md. Este é um documento Markdown que preenche cada seção e serve como a única fonte da verdade. - Gere o prompt de imagem (um prompt por board) derivado da Especificação da Marca, seguindo o "Layout da tela" em
references/section-spec.md. O Claude não desenha o board em si, portanto este prompt é usado na ferramenta de geração de imagem escolhida pelo usuário. - Execute a checklist de QA antes de entregar o resultado.
Modo B: Auditar um board existente
- Mapeie o conteúdo do board para a lista de seções padrão (16 seções). Sem solicitação específica, avalie em relação ao escopo hierárquico; se o usuário pedir completo, todas as 16 seções são consideradas obrigatórias.
- Emita uma tabela: seção, status (✅ completo / ⚠️ parcial / ❌ ausente) e observações sobre deficiências específicas (por exemplo, "tipografia não possui fonte para código").
- Ordene os achados: primeiro as seções ausentes do Nível 1, depois a completude do conteúdo, depois Nível 2 e 3.
- Ofereça-se para criar um patch da Especificação da Marca que preencha essas lacunas.
Modo C: Padronizar vários boards
Execute o Modo B em cada board, exiba uma matriz de comparação e, em seguida, sugira as seções que precisam ser adicionadas a cada um.
Estrutura padrão (resumida)
Esta ordem e numeração são fixas. Não as altere entre marcas, para que o leitor sempre saiba onde encontrar algo. Uma seção = um tópico, nenhuma seção é mesclada.
Nível 1: Obrigatório em todos os boards, em ambos os escopos
| # | Seção | Conteúdo mínimo |
|---|---|---|
| 1 | Hero | Logotipo principal, slogan, ilustração/visual principal, uma frase de apoio, 3 pilares |
| 2 | Variações do Logotipo | Horizontal, vertical, ícone/app icon, minimalista, versão escura, favicon |
| 3 | Paleta de Cores | Mínimo 4 cores; cada cor com nome, hex e função |
| 4 | Tipografia | 3 funções: título, corpo, código/técnico; cada fonte com rótulo de uso e exemplo |
| 5 | Tom de Voz | Descrição do tom, exemplos de citações, microcopy por contexto de UI, checklist de princípios |
| 6 | Exemplos de Aplicação | Mínimo de 3 contextos reais |
| 7 | Rodapé | Logotipo pequeno, descrição de uma linha, 3 pilares ou slogan |
Nível 2: Condicional no hierárquico, obrigatório no completo
| # | Seção | Condição no escopo hierárquico |
|---|---|---|
| 8 | Filosofia | Marca vendida com base em história ou posicionamento |
| 9 | Valores da Marca | Marca possui valores comunicados ao público |
| 10 | Mascote | Marca possui um personagem |
| 11 | Conjunto de Ícones | Marca usa seu próprio conjunto de ícones |
| 12 | Elementos Visuais | Marca usa ornamentos ou motivos culturais |
| 13 | Padrões de Fundo | Marca usa padrões de fundo |
| 14 | Ativos Adicionais | Existem propriedades de suporte |
Nível 3: Módulos de negócio, opcionais no hierárquico, obrigatórios no completo
| # | Seção | Condição no escopo hierárquico |
|---|---|---|
| 15 | Serviços | Marca vende serviços/produtos nomeados |
| 16 | Pacotes | Serviços possuem pacotes |
Regras de redação da Especificação da Marca
- Use Markdown. Se necessário exibir fluxo ou hierarquia, use diagramas Mermaid. Não sugira CSV como fonte de dados, pois Markdown é suficiente como única fonte da verdade.
- Escreva no idioma usado pelo usuário (padrão Português). Termos técnicos permanecem em sua forma original (hex, favicon, microcopy).
- Mantenha os nomes das seções dos boards de referência: "Paleta de Cores", "Tipografia", "Tom de Voz", "Exemplos de Aplicação", "Variações do Logotipo".
- Cada valor de cor é escrito como
#RRGGBB. Cada fonte é escrita com o nome exato e a função. - Mencione pares de cores de texto-fundo seguros para texto corrido (taxa de contraste mínima de 4.5:1) na coluna de função da paleta.
- Não invente fatos de negócio (preços, nomes de serviços, alegações) que não foram fornecidos pelo usuário. Se for necessário preencher, marque como
[ASSUMIÇÃO]para que seja fácil de encontrar e confirmar. - Regra de marcação
[ASSUMIÇÃO]: marque no nível da seção se todo o conteúdo da seção for derivado ou versão mínima, colocando-o no título (exemplo:### 10. Mascote [ASSUMIÇÃO]). Marque no nível da linha ou frase apenas para um fato específico dentro de uma seção cujo restante vem do usuário ou do briefing (exemplo: promessa "dentro de 1 dia útil" em e-mail de confirmação, ou um nome de serviço ainda não aprovado). Não marque cada linha de tabela em uma seção já marcada no título. O resumo final deve apenas mencionar a lista de seções marcadas e fatos específicos marcados. - Se a marca usar elementos culturais ou religiosos (batik, kawung, emblemas, termos religiosos), mantenha o uso respeitoso e não depreciativo. Pergunte se tiver dúvida, não suponha.
Formato do prompt de imagem
O prompt de imagem deve ser autônomo (pode ser colado diretamente) e conter, em ordem: formato da tela, estilo de ilustração, lista de seções com seu conteúdo, paleta com hex e proibições (por exemplo, "sem texto aleatório", "texto deve ser legível").
Duas ordens diferentes, não misture:
- Especificação da Marca segue a ordem numérica das seções (1, 2, 3, ... 16).
- Prompt de imagem segue a ordem do layout da tela, ou seja, linha por linha de cima para baixo: 1, 2, 10, 14, 11, 12, 3, 4, 5, 6, 13, 8, 9, 15, 16 e, por fim, 7 (Rodapé) no final. No escopo hierárquico, pule os números não utilizados sem alterar a ordem dos demais.
- Prefixe cada seção no prompt com o número padrão (exemplo:
[10] Mascote: ...), para que fique claro qual seção é, mesmo que a ordem seja diferente do número. Escreva todo o texto que deve aparecer na imagem com exatidão, pois modelos de imagem tendem a errar a ortografia de texto deixado livre.
Sugira ao usuário tratar o resultado da imagem como um rascunho visual, e a Especificação da Marca em Markdown como a fonte da verdade para hex, nomes de fonte e texto.
Checklist de QA antes de entregar o resultado
- O escopo usado (hierárquico/completo) é mencionado no início da Especificação da Marca
- Todas as 7 seções do Nível 1 estão presentes e atendem ao conteúdo mínimo
- Cada cor tem nome, hex e função
- A tipografia possui fonte para código e rótulo de uso para cada fonte
- Há versão escura do logotipo e favicon
- O tom de voz inclui microcopy para no mínimo: hero, CTA, carregamento, sucesso, erro 404, e-mail de confirmação
- A ordem e numeração das seções seguem o padrão
- Escopo completo: todas as 16 seções preenchidas, nenhuma vazia
- Escopo hierárquico: seções puladas são anotadas com o motivo
- Suposições são marcadas conforme a regra: por seção no título se toda a seção for derivada, por linha apenas para fatos únicos; sem marcação dupla dentro de seções já marcadas
- O resumo final menciona a lista de seções e fatos marcados com
[ASSUMIÇÃO]
Formato de resposta ao usuário
Comece com o resultado (Especificação da Marca ou tabela de auditoria) e finalize com uma breve lista de suposições e itens que precisam ser confirmados. Não repita o conteúdo da especificação no chat se ele já estiver em um arquivo.