Brand Snapshot (Captura de Marca)

O que Brand Snapshot (Captura de Marca) faz?

Obtenha o básico visual e verbal de uma marca em duas páginas em minutos: cores que você pode usar com confiança, a tipografia e seus substitutos gratuitos, como o logotipo e a interface se comportam, como a marca soa e links para os arquivos oficiais. É a versão resumida da seção de marca do skill Company Brief.

Como usar

/brand-snapshot <url ou nome da marca> [tokens only]

Requisições simples também funcionam:

• "Captura de marca para linear.app."
• "Quais cores e fontes a Patagônia usa?"
• "Extraia tokens de design de stripe.com para um mockup de pitch."
• "Snapshot da Oatly e Liquid Death, lado a lado." (cria um snapshot para cada)

"tokens only" pula o PDF e retorna tokens.json e tokens.css.

Arquivos. <skill-dir> significa a pasta deste skill, onde está este SKILL.md. Os templates estão em assets/, os scripts em scripts/, e as etapas compartilhadas de PDF (fontes, cores, renderização, verificação) em references/rendering.md.

Regras importantes

• Site ao vivo primeiro. Cores e fontes vêm dos estilos computados do site (references/brand-extraction.md), marcados como Verificado e com data. Diretrizes oficiais ou press kit têm precedência sobre o site em caso de divergência; anote ambos. Fontes de terceiros como Brandfetch são Reportadas.
• Descreva logotipos, não os copie. Descreva a marca e o logotipo em palavras e link para o press kit oficial ou portal da marca. Nunca redesenhe, trace ou incorpore um logotipo, mascote ou imagem de anúncio. Amostras de cor e espécimes tipográficos definidos com uma fonte substituta são aceitáveis.
• Diga o que é substituto. Se uma fonte da marca for paga ou personalizada, nomeie-a, nomeie a fundição e defina espécimes na fonte gratuita mais próxima, rotulando-a como tal.
• Os termos de uso se aplicam. Lembre o leitor de que os ativos da marca pertencem à marca e suas diretrizes regem o uso.
• Linha de crédito: o snapshot termina com um pequeno crédito da Beautiful Engine. Mantenha-o, a menos que a pessoa peça para removê-lo.

Fluxo de trabalho

1. Abra o site em um navegador se um estiver disponível (aprove o domínio uma vez, se solicitado); caso contrário, faça fetch. Confirme que é a marca que a pessoa quer.
2. Extraia com o script em references/brand-extraction.md, seção 1, na página inicial e em mais uma página (preços, produto ou sobre): estilo do título, fontes carregadas, cores por área na tela, cores da folha de estilo, propriedades CSS customizadas, gradientes, estilos de botões e cards, e informações do logotipo. Dê zoom em uma captura de tela no logotipo para descrevê-lo, e no hero para descrever as imagens.
3. Verifique fontes oficiais: pesquise o press kit da marca, portal da marca, site do sistema de design ou PDF de diretrizes, e a fundição de suas tipografias. Anote sub-marcas (eventos, linhas de produtos) separadamente.
4. Escolha a paleta: 4 a 8 cores em ordem de importância (primária, secundária, acentos, neutras), cada uma com um nome simples e função. Em seguida, execute: python3 <skill-dir>/scripts/palette.py --colors "Nome:#hex,..." --font-display "…" --font-body "…" --font-mono "…" --radius 8px --brand "<Marca>" > swatches.html Ele escreve tokens.json e tokens.css e imprime a tabela de amostras com verificações de contraste.
5. Fontes para o PDF: instale as fontes gratuitas da marca ou substitutos com scripts/fonts.py, e execute scripts/tokens.py com a cor primária e de acento da marca para que o snapshot use a própria marca (references/rendering.md).
6. Voz: 3 a 4 características, cada uma com uma frase real do site entre aspas.
7. Construa a partir de assets/snapshot-template.html (copie base.css), cole a tabela de amostras, renderize, audite e verifique a ficha de contato. Duas páginas; corte em vez de derramar em uma terceira.
8. Entregue o PDF, tokens.json e tokens.css. Na resposta: as cores primária e de acento com hex, as fontes e substitutos, e onde estão as diretrizes oficiais (ou que nenhuma é pública).

Nome de saída: <Marca>-Brand-Snapshot-<YYYY-MM>.pdf.