Instale o skill da CLI belt:
npx skills add belt-sh/cli
Guia de Design de Logotipos
Crie logotipos eficazes com geração de imagens por IA via CLI do inference.sh.
Início Rápido
Requer a CLI inference.sh (
belt). Instruções de instalação
belt login
# Gere um conceito de logotipo
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano de um pico de montanha com nascer do sol, estilo geométrico minimalista, cor única, linhas limpas, fundo branco",
"width": 1024,
"height": 1024
}'
Tipos de Logotipo
| Tipo | Descrição | Quando Usar | Exemplo |
|---|---|---|---|
| Wordmark | Nome da empresa estilizado como logotipo | Nome de marca forte, curto (< 10 caracteres) | Google, Coca-Cola |
| Lettermark | Apenas iniciais | Nome de empresa longo, formal | IBM, HBO, CNN |
| Pictorial | Ícone/símbolo reconhecível | Marca universal, funciona sem texto | Apple, Twitter bird |
| Abstract | Forma geométrica/não literal | Empresas de tecnologia, marcas conceituais | Nike swoosh, Pepsi |
| Mascote | Ilustração de personagem | Marcas amigáveis, alimentação/esportes | KFC Colonel, Pringles |
| Combinação | Ícone + wordmark juntos | Novas marcas que precisam de reconhecimento e nome | Burger King, Adidas |
Limitação Crítica da IA
Os geradores de imagens por IA não conseguem renderizar texto de forma confiável. Letras podem aparecer distorcidas, com erros ortográficos ou ilegíveis.
Estratégia:
- Gere apenas o ícone/símbolo com IA
- Adicione texto/wordmark em uma ferramenta de design (Figma, Canva, Illustrator)
- Ou use uma abordagem combinada: ícone por IA + tipografia manual
Prompting para Logotipos
Palavras-chave que Funcionam
logotipo vetorial plano, ícone minimalista simples, silhueta de cor única,
marca geométrica, linhas limpas, design com espaço negativo,
arte linear, ícone de design plano, símbolo minimalista
Palavras-chave que Falham
❌ logotipo fotorrealista (contradição — logotipos não são fotos)
❌ logotipo 3D renderizado (muito complexo, não escala)
❌ logotipo gradiente (resultados inconsistentes, difícil de reproduzir)
❌ logotipo com texto "Nome da Empresa" (renderização de texto falha)
Estrutura do Prompt
logotipo vetorial plano de [assunto], [estilo], [restrição de cor], [fundo], [detalhe adicional]
Exemplos por Tipo de Logotipo
# Abstrato geométrico
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo abstrato vetorial plano, formas hexagonais entrelaçadas formando a letra S, estilo geométrico minimalista, cor azul marinho única, fundo branco, bordas limpas e nítidas"
}'
# Pictórico natureza
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano de cabeça de raposa em perfil, estilo geométrico facetado, laranja e branco, linhas limpas minimalistas, fundo branco, design com espaço negativo"
}'
# Estilo mascote
belt app run bytedance/seedream-4-5 --input '{
"prompt": "logotipo de mascote coruja cartunesca amigável, ilustração plana simples, usando capelo de formatura, cores roxo e dourado, fundo branco, estilo vetorial limpo"
}'
# Abstrato tech
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "marca minimalista abstrata, nós interconectados formando forma de cérebro, estilo de arte linear, cor verde-azulado única, fundo branco, estética de startup de tecnologia"
}'
Regras de Escalabilidade
Um logotipo deve funcionar em todos os tamanhos:
| Contexto | Tamanho | O Que Deve Funcionar |
|---|---|---|
| Favicon | 16x16 px | Silhueta reconhecível |
| Ícone de app | 1024x1024 px | Detalhes completos visíveis |
| Avatar social | 400x400 px | Claro de relance |
| Cartão de visita | ~1 polegada | Reprodução limpa em impressão |
| Outdoor | 3+ metros | Sem pixelização, simples o suficiente |
Lista de Verificação de Escalabilidade
- Reconhecível como favicon de 16px (teste do apertar os olhos)
- Funciona em cor única (preto no branco)
- Funciona invertido (branco no preto)
- Sem detalhes minúsculos que desaparecem em tamanhos pequenos
- Sem linhas finas que desaparecem ao reduzir
- Silhueta clara sem cor
Diretrizes de Cores
- Máximo 2-3 cores para o logotipo principal
- Deve funcionar em cor única (preto, branco ou cor principal da marca)
- Considere a psicologia das cores:
- Azul: confiança, profissional (finanças, tecnologia, saúde)
- Vermelho: energia, urgência (alimentação, entretenimento, varejo)
- Verde: crescimento, natureza (saúde, sustentabilidade, finanças)
- Laranja: amigável, criativo (startups, marcas jovens)
- Roxo: luxo, sabedoria (beleza, educação)
- Preto: premium, elegante (moda, luxo, tecnologia)
- Teste em fundos claros e escuros
Fluxo de Iteração
# Passo 1: Gere 5-10 conceitos amplos
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano de um farol, geométrico minimalista, cor única, fundo branco"
}' --no-wait
done
# Passo 2: Refine o melhor conceito com variações
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano de um farol geométrico com raios de luz, arte linear minimalista, azul marinho, fundo branco, design com espaço negativo"
}'
# Passo 3: Gere em alta resolução para o final
belt app run bytedance/seedream-4-5 --input '{
"prompt": "logotipo vetorial plano de um farol geométrico com raios de luz irradiando, design limpo minimalista, cor única azul marinho, fundo branco puro",
"size": "2K"
}'
# Passo 4: Faça upscale para uso em produção
belt app run falai/topaz-image-upscaler --input '{
"image": "caminho/para/melhor-logotipo.png",
"scale": 4
}'
Erros Comuns
| Erro | Problema | Correção |
|---|---|---|
| Muitos detalhes | Perde clareza em tamanhos pequenos | Simplifique para formas essenciais |
| Depende de cor | Falha em contextos P&B | Desenhe em preto primeiro |
| Texto na geração por IA | Letras ilegíveis/com erros | Gere apenas o ícone, adicione texto manualmente |
| Efeitos da moda (brilhos, sombras) | Envelhece rápido, problemas de reprodução | Mantenha-se em design plano e atemporal |
| Muitas cores | Difícil de reproduzir, impressão cara | Máximo 2-3 cores |
| Assimetria sem propósito | Parece inacabado | Use assimetria intencional ou mantenha-se equilibrado |
Entrega de Formatos de Arquivo
| Formato | Caso de Uso |
|---|---|
| SVG | Vetorial escalável, web, edição |
| PNG (transparente) | Uso digital, apresentações |
| PNG (fundo branco) | Documentos, assinaturas de e-mail |
| ICO / Favicon | Favicon do site (16, 32, 48 px) |
| PNG de alta resolução (4096px+) | Impressão, outdoors |
Nota: A IA gera imagens raster (PNG). Para SVG vetorial verdadeiro, use a saída da IA como referência e trace em uma ferramenta vetorial, ou use ferramentas de conversão de IA para SVG.
Skills Relacionados
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
Navegue por todos os apps: belt app list