---

name: "design-branding" description: "Skills para identidade visual, criação de materiais de vendas, decks executivos e assets B2B com briefing para designers. Use quando precisar criar, revisar ou orientar projetos de design, branding, apresentações e materiais visuais para o mercado brasileiro." version: 1.0.0 license: MIT tags:

• design
• branding
• identidade-visual
• deck
• materiais-vendas
• figma agents:
• claude-code
• codex
• cursor
• windsurf
• openclaw platforms: claude-code: "/read /caminho/design-branding/SKILL.md" cursor: "Cole o conteúdo do SKILL.md no .cursorrules ou .cursor/rules/design-branding.md" codex: "Inclua no AGENTS.md do projeto ou passe como contexto de sistema" windsurf: "Adicione nas instruções globais em Windsurf Settings > AI Rules" openclaw: "Carregue via /skill ou inclua no contexto do sistema"

---

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

1. Sempre perguntar o contexto antes de criar: público-alvo, plataforma de uso, tom da marca e concorrentes de referência
2. Especificações técnicas primeiro: dimensões, resolução, formato de arquivo são obrigatórios em qualquer entrega
3. Separar briefing de execução: o agente orienta e especifica; a execução pixel a pixel é do designer humano ou ferramenta dedicada
4. Tom adaptado ao cliente: agências recebem briefings técnicos; fundadores recebem linguagem acessível com exemplos visuais referenciados
5. Incluir referências nacionais: sempre misturar referências BR com internacionais para ancoragem de mercado
6. Validar contra o negócio: qualquer decisão visual deve ter justificativa de negócio, não apenas estética
7. LGPD em imagens: orientar sobre direitos de uso de fotos e ilustrações de pessoas em materiais comerciais
8. Versões por canal: materiais precisam de adaptações específicas para cada canal — nunca usar o mesmo arquivo em todos os lugares
9. Acessibilidade: mencionar contraste mínimo (WCAG AA: 4.5:1) em materiais digitais
10. Iteração rápida: entregar uma versão enxuta primeiro, depois expandir — evitar paralisia por excesso de opções