🧩 O que é / o que faz
O skill brand-guidelines aplica as cores e tipografia oficiais da Anthropic a qualquer artifact que se beneficie de ter o look-and-feel da marca — slides, páginas HTML, PDFs, documentos.
brand-guidelines é um pós-processador de identidade visual. Não cria conteúdo — pega um artifact já gerado e aplica sistematicamente as cores e fontes oficiais da Anthropic, garantindo consistência da marca em todos os outputs.
A distinção fundamental: enquanto outros skills criam visuais, brand-guidelines os uniformiza segundo um padrão corporativo único e não-negociável.
🎣 Quando dispara
O Claude aciona brand-guidelines quando detecta pedidos relacionados a brand colors, style guidelines, visual formatting ou company design standards.
Pedidos explícitos: "aplique as cores da Anthropic", "use as brand guidelines", "estilo corporativo da Anthropic".
Contextos de formatação visual corporativa: "deixe no padrão da empresa", "formatação visual oficial", "design standards aplicados".
Quando o artefato (slides, HTML, PDF, documento) claramente poderia ter identidade visual de marca — mesmo sem o usuário citar explicitamente "brand guidelines".
Palavras-chave: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design.
O skill ativa quando há intenção de aplicar o padrão Anthropic especificamente. Para criar temas visuais genéricos (qualquer marca, qualquer cor), o skill correto é theme-factory.
- ✓ Slides ou PPTX precisam da identidade Anthropic
- ✓ Docs HTML internos com marca corporativa
- ✓ Usuário menciona "cores da Anthropic" ou "brand guidelines"
- ✓ Artifact de apresentação para contexto Anthropic
- ✗ Usuário quer tema personalizado (use theme-factory)
- ✗ Não há artifact visual para estilizar
- ✗ Pedido é sobre outra empresa/marca específica
- ✗ Contexto é puramente textual sem componente visual
🚀 Como melhora seus artifacts
O valor concreto: qualquer saída gerada pelo Claude passa a ter coerência visual de marca, sem o usuário precisar especificar cada cor ou fonte manualmente.
- • Cores arbitrárias sem padrão de marca
- • Fonte padrão do sistema (Arial, Helvetica)
- • Cada output parece feito por pessoas diferentes
- • Revisão manual de identidade necessária
- ✓ Paleta Anthropic aplicada automaticamente
- ✓ Poppins em headings, Lora em corpo
- ✓ Consistência visual em todos os outputs
- ✓ Pronto para uso profissional imediato
O skill seleciona cor de texto automaticamente com base no fundo: texto claro (#faf9f5) sobre fundos escuros (#141413), texto escuro sobre fundos claros. Nenhuma decisão manual necessária.
⚙️ Como funciona por dentro
Stack técnico real: python-pptx para manipulação de apresentações, RGBColor para precisão de cores, e fontes do sistema com fallback automático.
- ✓ Usa
python-pptx RGBColorpara precisão exata - ✓ Cores aplicadas via valores RGB (não hex strings)
- ✓ Fidelidade de cor preservada em diferentes sistemas
- ✓ Accent cycling: formas não-texto recebem orange/blue/green em ciclo
- ✗ Poppins e Lora precisam estar pré-instaladas no sistema
- ✗ Fallback Arial/Georgia se fontes ausentes
- ✗ Não instala fontes automaticamente
- ✗ Resultado depende do ambiente de execução
Para resultados com Poppins e Lora reais, instale as fontes antes de usar o skill. Em ambientes sem essas fontes, o output usa Arial/Georgia — funcionalmente correto, mas visualmente não-idêntico ao padrão Anthropic.
💬 Exemplo prático + PROMPT pronto
Cenário real: criar uma página HTML de apresentação de produto com identidade Anthropic aplicada, pronta para uso corporativo.
Você precisa de uma página HTML de produto (landing, one-pager, apresentação interna) com a identidade visual oficial da Anthropic — sem precisar pesquisar hexcodes, decidir fontes ou montar uma paleta manualmente.
Crie uma página HTML de apresentação do produto "Claude API" para uso interno na Anthropic. Aplique as brand guidelines oficiais da Anthropic: - Paleta de cores: Dark #141413, Light #faf9f5, Orange accent #d97757, Blue accent #6a9bcc, Green accent #788c5d - Tipografia: Poppins para headings (24pt+), Lora para body text - Formas e shapes com accent cycling: orange → blue → green A página deve ter: hero section, 3 feature cards, CTA e footer. Use o look-and-feel corporativo Anthropic.
Tenho um arquivo presentation.pptx de relatório trimestral. Aplique as brand guidelines da Anthropic: - Cores oficiais via python-pptx RGBColor - Headings em Poppins (fallback Arial) - Body text em Lora (fallback Georgia) - Shapes não-texto em accent cycling: orange (#d97757), blue (#6a9bcc), green (#788c5d) Preserve toda a hierarquia e formatação existente.
No macOS: brew install --cask font-poppins font-lora. No Linux: baixe do Google Fonts e copie para ~/.fonts/. O skill funciona sem elas (fallback), mas o resultado será Arial/Georgia em vez de Poppins/Lora.
🧬 Combina com / limites
Posição no ecossistema da Trilha 2 — Identidade — e quando brand-guidelines não é a escolha certa.
- • UMA marca concreta: Anthropic
- • Paleta fixa e imutável (#141413, #faf9f5, #d97757…)
- • Fontes corporativas: Poppins / Lora
- • Pós-processamento de artifacts existentes
- • Resultado previsível e padronizado
- • Qualquer marca ou identidade visual
- • Paleta gerada/customizada conforme pedido
- • Fontes flexíveis, sem padrão fixo
- • Cria temas novos do zero
- • Resultado variável por contexto
Use brand-guidelines quando o resultado precisa seguir o padrão oficial da Anthropic. Use theme-factory para criar sistemas de design para qualquer outro caso.
canvas-design opera em um nível diferente: cria composições visuais em Canvas/SVG com liberdade criativa. brand-guidelines e canvas-design se complementam:
canvas-design cria a composição visual → brand-guidelines aplica a paleta Anthropic sobre ela. Resultado: arte criativa com identidade corporativa.
Se a composição do canvas-design usa cores intencionalmente não-Anthropic (arte abstrata, ilustração com identidade própria), brand-guidelines vai distorcer a intenção criativa.
- ✓ Apresentações internas Anthropic
- ✓ Docs e relatórios com identidade corporativa
- ✓ Páginas de produto no padrão visual Anthropic
- ✓ Uniformizar outputs de múltiplos autores
- ✗ Criar temas para outros projetos/marcas
- ✗ Pedidos de "tema escuro" genérico (use theme-factory)
- ✗ Artifacts sem componente visual (texto puro)
- ✗ Arte criativa com identidade própria intencional
📋 Resumo do Módulo 2.2
brand-guidelines aplica as cores e fontes oficiais da Anthropic — Dark #141413, Light #faf9f5, accents orange/blue/green, Poppins e Lora
Ativa quando o pedido menciona brand colors, style guidelines, visual formatting ou company design standards da Anthropic
Usa python-pptx com RGBColor para precisão; fontes do sistema (Poppins/Lora) com fallback Arial/Georgia
Diferente de theme-factory (temas genéricos) — brand-guidelines é sobre UMA marca concreta com paleta fixa
Accent cycling em formas não-texto: orange → blue → green, mantendo interesse visual com coerência de marca
Compõe bem com frontend-design, web-artifacts-builder e canvas-design como etapa de pós-processamento da pipeline