Extrair logo, cores e fontes de um site
Passe o site de uma marca e receba o kit de marca: candidatos a logo (ícones e imagem de compartilhamento), a paleta ordenada pelo uso, com as cores da marca separadas das neutras, as fontes e se vêm do Google Fonts, o nome, o slogan, a frase principal da página e os perfis nas redes sociais. Serve para montar peças, propostas e apresentações com as cores certas do cliente sem abrir o inspetor do navegador. Consulta gratuita, pela API ou pelo seu agente de IA.
O que você recebe
De uma consulta real em 09/10/2026 · HTML e folhas de estilo do site
- Cores da marca, da mais usada para a menos: #cba5fd, #ecdfff, #1e002f, #8d0de3, #714f8f e #c07af0; neutras #f5eef9 e #0b0019.
- Fontes próprias: nuSansText e nuSansDisplay (não estão no Google Fonts).
- Slogan: "sua vida financeira sem complicações, asteriscos ou letras miúdas". Destaque da página: o programa de benefícios NuCoin.
- Logo em ícones de 32 a 192 px e na imagem de compartilhamento; perfis no LinkedIn, Facebook, Instagram e X.
Peça ao seu agente
Cole no Claude, no ChatGPT ou em outro agente conectado à Superpowers.
Fontes
Mesma entrada e mesma saída em todas. Taxa de sucesso dos últimos 30 dias aparece a partir de 5 consultas reais.
| Fonte | Preço por consulta | Situação |
|---|---|---|
| Superpowers brand kit | Grátis | Disponível |
Para desenvolvedoresRequisição da API, resposta completa, campos e configuração MCP
Requisição
curl -X POST https://superpowers.tools/v1/run \
-H 'Authorization: Bearer $SUPERPOWERS_KEY' \
-H 'content-type: application/json' \
-d '{"tool":"brandkit.extract","idempotency_key":"example-1","input":{"url":"https://www.nubank.com.br/"}}'Resposta normalizada
Consulta feita em 09/10/2026 pela HTML e folhas de estilo do site, respondida em 107 ms. Resposta encurtada: sem os endereços dos logos e com 3 das 5 fontes.{
"url": "https://nubank.com.br/",
"name": "Nubank",
"tagline": "Saiba mais sobre o Nubank - sua vida financeira sem complicações, asteriscos ou letras miúdas.",
"headline": "Chegou NuCoin, o programa de benefícios do Nubank",
"language": "pt-BR",
"logos": [
{
"source": "icon 192px"
},
{
"source": "icon 96px"
},
{
"source": "icon 32px"
},
{
"source": "og:image (share image)"
}
],
"colors": {
"brand": [
{
"hex": "#cba5fd",
"weight": 2808
},
{
"hex": "#ecdfff",
"weight": 2808
},
{
"hex": "#1e002f",
"weight": 2107
},
{
"hex": "#8d0de3",
"weight": 2106
},
{
"hex": "#714f8f",
"weight": 2106
},
{
"hex": "#c07af0",
"weight": 2106
}
],
"neutrals": [
{
"hex": "#f5eef9",
"weight": 2106
},
{
"hex": "#0b0019",
"weight": 1404
},
"…"
],
"theme_color": null
},
"fonts": [
{
"family": "nuSansText",
"uses": 4,
"google_fonts": false
},
{
"family": "nuSansDisplay",
"uses": 4,
"google_fonts": false
},
{
"family": "graphikMedium",
"uses": 2,
"google_fonts": false
},
"…"
],
"socials": {
"linkedin": "https://www.linkedin.com/company/nubank",
"facebook": "https://www.facebook.com/nubank",
"instagram": "https://www.instagram.com/nubank",
"x": "https://twitter.com/nubank"
},
"sources": {
"stylesheets_read": 3,
"stylesheets_found": 3,
"inline_styles": 379
}
}Campos retornados
name / tagline / headline / language | Nome da marca, slogan, frase principal da página e idioma |
logos[] | Candidatos a logo com a origem: logo marcado no HTML, ícones por tamanho ou imagem de compartilhamento |
colors.brand / colors.neutrals | Paleta ordenada pelo uso no site, com as cores da marca separadas de brancos, pretos e cinzas |
colors.theme_color | Cor do tema declarada para o navegador do celular, quando existe |
fonts[] | Famílias de fonte, quantas vezes aparecem e se vêm do Google Fonts |
socials | Perfis no LinkedIn, Instagram, Facebook, X, YouTube e outras redes |
sources / note | Quantas folhas de estilo foram lidas e limites da leitura |
Configuração MCP
Adicione o servidor MCP no Claude, Cursor ou outro cliente e peça em linguagem natural.claude mcp add --transport http superpowers https://superpowers.tools/mcp \ --header "Authorization: Bearer $SUPERPOWERS_KEY"
{
"mcpServers": {
"superpowers": {
"url": "https://superpowers.tools/mcp",
"headers": {
"Authorization": "Bearer ${env:SUPERPOWERS_KEY}"
}
}
}
}codex mcp add superpowers --url https://superpowers.tools/mcp \ --bearer-token-env-var SUPERPOWERS_KEY
Perguntas frequentes
Como as cores são escolhidas?
Lemos o HTML e as folhas de estilo do site, contamos quantas vezes cada cor aparece e separamos as cores com tom (as da marca) das neutras. A mais usada nem sempre é a principal: confira a primeira cor contra o logo antes de usar.
Vem o arquivo do logo?
Vêm os endereços dos candidatos: logo marcado no HTML quando o site declara, ícones em vários tamanhos e a imagem de compartilhamento. Nem todo site publica o logo em alta resolução ou em SVG.
E se a fonte não for do Google Fonts?
O campo google_fonts diz se a fonte está lá. Fontes próprias, como as do Nubank, aparecem com o nome, mas o arquivo é da marca e pode ter licença restrita.
Quanto custa?
A consulta é gratuita. Você só precisa de uma conta para ter a chave de API; os US$5 de crédito de boas-vindas servem para as ferramentas pagas.
Como o meu agente usa?
Adicione o servidor MCP da Superpowers no Claude, Cursor, Codex ou ChatGPT e peça em linguagem natural, ou chame POST /v1/run com a ferramenta brandkit.extract.
Comece com US$5 de crédito
Esta consulta é gratuita; o crédito serve para as outras ferramentas. Sem cartão para começar.