O que Criador de Marca faz?
Pasta de saída brand/<slug>/:
brand.json # nome, posicionamento, cores, fontes, caminhos do logotipo, tom de voz — lido por outras habilidades
palette.svg # amostras com valores hexadecimais
logo/ # mark.svg, wordmark.svg, lockup.svg (+ exportações PNG)
mockups/ # exemplos aplicados
guide.md # guia de uso de uma página
Etapa 1 — Briefing
Nome, o que faz, público, 3 palavras de personalidade, concorrentes a evitar na aparência, ativos existentes para manter. Pergunte uma vez pelo que estiver faltando.
Etapa 2 — Direção (aprovar antes de construir)
Ofereça 2 direções, cada uma: conceito de uma linha, paleta de 5 cores (hex, com funções: primária,
secundária, destaque, neutro escuro, neutro claro), combinação tipográfica (nomes do Google Fonts), ideia de logotipo.
Use references/brand-foundations.md para regras de contraste de paleta e tipografia.
Etapa 3 — Logotipo
- Crie SVGs diretamente (sempre possível, editável, escalável): marca geométrica, wordmark (texto convertido apenas se o usuário fornecer a fonte; caso contrário, use uma pilha segura para web e anote isso), lockup. Mantenha as marcas simples: funcionando a 16 px e em uma cor.
- Explorações opcionais com um provedor de imagem apenas para inspiração:
creator.py image --prompt "exploração de logotipo vetorial plano para <nome>: <ideia>, <paleta>, fundo branco, sem mockup" --ratio 1:1. Os rasters gerados são referências, não entregáveis; redesenhe a ideia escolhida como SVG. - Exporte PNGs:
ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png(se o ffmpeg não tiver suporte a SVG, usersvg-convertou uma captura de tela do navegador).
Etapa 4 — Mockups
Use creator-image / creator.py image com o PNG do logotipo como --ref e a paleta em palavras:
foto de perfil, template de post social, banner do YouTube (2560×1440, área segura 1546×423),
cartão de visita, ecobag/camiseta, embalagem — apenas os que o usuário precisar. Adicione texto exato com
media.py text, não na geração da imagem.
Etapa 5 — Salvar o kit
Escreva brand.json e ofereça copiar cores/fontes/logotipo para o bloco brand da configuração
creator-skills, para que thumbnails, anúncios e fotos de produto os usem automaticamente. Escreva guide.md:
paleta com funções e notas de contraste, escala tipográfica, espaço de respiro e tamanho mínimo do logotipo,
exemplos de certo/errado.
Regras
- Execute uma verificação rápida de originalidade: evite marcas que se assemelhem a logotipos conhecidos; informe ao usuário para fazer uma busca de marca registrada antes do uso comercial.
- Contraste de texto: texto do corpo ≥ 4,5:1 contra seu fundo (WCAG AA).
Referências
references/brand-foundations.md— funções da paleta, contraste, combinação tipográfica, regras do logotiporeferences/image-prompting.md,references/media-ops.md,references/providers.md