Design & Branding (Nível PODEROSO)
Skills para identidade visual, materiais de vendas, decks executivos e assets B2B voltados ao mercado brasileiro. Cobrindo desde o briefing inicial para designers e agências até a produção de apresentações estratégicas, brandbooks e orientações para Figma.
Este domínio transforma ideias de negócio em direção criativa estruturada, com linguagem acessível para fundadores, gestores de marketing e profissionais de design no Brasil.
Início Rápido
Claude Code
/read /caminho/design-branding/SKILL.md
> Crie um briefing completo de identidade visual para uma startup de saúde mental B2C
Cursor
Adicione ao .cursor/rules/design-branding.md e use:
@design-branding Preciso de um one-pager para apresentar nossa solução SaaS para RH
Codex
Inclua no AGENTS.md:
Contexto de design: use as diretrizes de design-branding para qualquer tarefa de materiais visuais, apresentações e identidade.
Windsurf
Em Settings > AI Rules, adicione o conteúdo de SKILL.md e então:
Com base nas skills de design-branding, estruture um deck para captação de investimento Série A
Visão Geral das Skills
| Skill | Pasta | Foco |
|---|---|---|
| Identidade Visual | identidade-visual/ |
Brand guidelines, paleta, tipografia, logo |
| Design de Pitch | design-de-pitch/ |
Estrutura e visual de pitch decks e apresentações executivas |
| Materiais de Vendas | materiais-vendas/ |
One-pager, proposta visual, folder e materiais B2B |
| Assets Redes Sociais | assets-redes-sociais/ |
Templates feed, stories, banners para redes sociais |
| Feedback de Design | feedback-de-design/ |
Feedback e direção em projetos de UI/UX e protótipos |
| Briefing de Logo | briefing-de-logo/ |
Briefing de logo e identidade para designers e agências |
| Manual de Marca | manual-de-marca/ |
Brandbook: aplicações de marca, tipografia, cores, restrições |
| Produção no Figma | producao-no-figma/ |
Organização e produção em Figma: componentes, auto-layout |
| Apresentação Slides | apresentacao-slides/ |
Slides executivos: estrutura, narrativa e visual |
| Briefing de Vídeo | briefing-de-video/ |
Briefing para vídeos institucionais e de produto |
Exemplos de Uso
Identidade Visual
Crie um briefing completo de identidade visual para uma fintech B2B chamada "VaultBR"
que atende pequenas empresas. Inclua: posicionamento, personalidade da marca,
diretrizes de cor, tipografia sugerida e exemplos de aplicação.
Pitch Design
Preciso estruturar um pitch deck de 12 slides para captar R$ 2M em seed round.
A empresa é um marketplace de servicos para condomínios.
Dê a estrutura, o que vai em cada slide e dicas visuais.
Materiais de Vendas
Crie um one-pager para nossa plataforma de gestão de frotas.
Público: gestores de logística de empresas com 10+ veículos.
Tom: profissional e direto. Formato: A4 para envio digital.
Social Assets
Preciso de um plano de templates para Instagram de uma clínica odontológica premium.
Crie especificações para: post feed quadrado, stories e destaque de capa.
Inclua estrutura, hierarquia visual e paleta sugerida.
Brand Book
Nossa startup tem logo e cores definidas. Crie a estrutura de um brandbook
completo com: usos corretos e incorretos do logo, variações, paleta com
códigos HEX/RGB/CMYK, tipografia principal e secundária, e tom de voz.
Video Briefing
Crie um briefing para vídeo institucional de 90 segundos de uma escola de
programação para mulheres. Inclua: objetivo, público, mensagem central,
tom, referências de estilo e roteiro em cenas.
Contexto Brasileiro
- Mercado local: referências visuais do mercado brasileiro — cores vibrantes são bem aceitas em B2C, mas B2B tende ao conservador
- Plataformas dominantes: Instagram, LinkedIn, WhatsApp; priorize formatos 1:1 (feed), 9:16 (stories/reels) e 16:9 (apresentações)
- Ferramentas populares: Figma (design colaborativo), Canva (PMEs), PowerPoint/Google Slides (apresentações corporativas)
- LGPD: impacta uso de imagens de pessoas; sempre orientar sobre direitos de uso de fotos e ilustrações
- Impressão: quando indicar cores, sempre incluir CMYK para materiais impressos — o mercado gráfico BR ainda usa muito offset
- Concorrência regional: benchmarks devem incluir players nacionais além dos internacionais
Configuração de Harness
Claude Code (CLAUDE.md)
## Design & Branding
Ao criar materiais visuais, briefings ou apresentações:
- Use a skill design-branding como referência de estrutura
- Adapte para o contexto B2B ou B2C conforme o projeto
- Inclua sempre especificações técnicas (dimensões, formatos, resoluções)
- Considere o mercado brasileiro nas sugestões de cor e tipografia
Cursor (.cursorrules)
# Design & Branding Rules
- Para briefings de design: siga a estrutura da skill design-branding
- Sempre perguntar: público, plataforma, tom, referências
- Entregar especificações técnicas completas
- Adaptar ao nível de maturidade de design do cliente
Codex (AGENTS.md)
## Agente de Design & Branding
Especialidade: materiais visuais, identidade, apresentações e briefings para o mercado BR.
Ao receber tarefas de design: estruture primeiro o briefing, depois a entrega.
Windsurf (AI Rules)
Design & Branding: use as skills deste domínio para estruturar briefings,
criar especificações visuais e orientar produções criativas no contexto brasileiro.
Regras
- Sempre perguntar o contexto antes de criar: público-alvo, plataforma de uso, tom da marca e concorrentes de referência
- Especificações técnicas primeiro: dimensões, resolução, formato de arquivo são obrigatórios em qualquer entrega
- Separar briefing de execução: o agente orienta e especifica; a execução pixel a pixel é do designer humano ou ferramenta dedicada
- Tom adaptado ao cliente: agências recebem briefings técnicos; fundadores recebem linguagem acessível com exemplos visuais referenciados
- Incluir referências nacionais: sempre misturar referências BR com internacionais para ancoragem de mercado
- Validar contra o negócio: qualquer decisão visual deve ter justificativa de negócio, não apenas estética
- LGPD em imagens: orientar sobre direitos de uso de fotos e ilustrações de pessoas em materiais comerciais
- Versões por canal: materiais precisam de adaptações específicas para cada canal — nunca usar o mesmo arquivo em todos os lugares
- Acessibilidade: mencionar contraste mínimo (WCAG AA: 4.5:1) em materiais digitais
- Iteração rápida: entregar uma versão enxuta primeiro, depois expandir — evitar paralisia por excesso de opções