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 um 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 as iniciais | Nome de empresa longo, formal | IBM, HBO, CNN |
| Pictorial | Ícone/símbolo reconhecível | Marca universal, funciona sem texto | Apple, pássaro do Twitter |
| Abstract | Forma geométrica/não literal | Empresas de tecnologia, marcas conceituais | Swoosh da Nike, Pepsi |
| Mascot | Ilustração de personagem | Marcas amigáveis, alimentação/esportes | Coronel do KFC, Pringles |
| Combination | Ícone + wordmark juntos | Novas marcas que precisam de reconhecimento e nome | Burger King, Adidas |
Limitação Crítica da IA
Os geradores de imagem por IA não conseguem renderizar texto de forma confiável. Letras serão distorcidas, escritas incorretamente ou embaralhadas.
Estratégia:
- Gere apenas o ícone/símbolo com IA
- Adicione o texto/wordmark em uma ferramenta de design (Figma, Canva, Illustrator)
- Ou use uma abordagem combinada: ícone da IA + tipografia definida manualmente
Criação de Prompts para Logotipos
Palavras-chave que Funcionam
logotipo vetorial plano, ícone minimalista simples, silhueta de cor única,
marca geométrica, linhas limpas, design de espaço negativo,
arte linear de logotipo, í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 bem)
❌ 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
# Geométrico abstrato
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano abstrato, formas hexagonais entrelaçadas formando uma letra S, estilo geométrico minimalista, cor única azul-marinho, fundo branco, bordas nítidas e limpas"
}'
# Pictorial natureza
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vetorial plano de uma cabeça de raposa de perfil, estilo geométrico facetado, laranja e branco, linhas limpas minimalistas, fundo branco, design de espaço negativo"
}'
# Estilo mascote
belt app run bytedance/seedream-4-5 --input '{
"prompt": "logotipo de coruja mascote amigável, ilustração plana simples, usando chapéu de formatura, cores roxa e dourada, fundo branco, estilo vetorial limpo"
}'
# Tecnológico abstrato
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "marca abstrata minimalista, nós interconectados formando um formato de cérebro, estilo arte linear, cor única verde-azulado, 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 aplicativo | 1024x1024 px | Detalhes completos visíveis |
| Avatar de rede social | 400x400 px | Claro à primeira vista |
| Cartão de visita | ~1 polegada | Reprodução limpa na impressão |
| Outdoor | 10+ metros | Sem pixelização, simples o suficiente |
Lista de Verificação de Escalabilidade
- Reconhecível como um favicon de 16px (teste de apertar os olhos)
- Funciona em uma única cor (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 de 2-3 cores para o logotipo principal
- Deve funcionar em cor única (preto, branco ou cor primária 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 de 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: Amplie 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 | Projete em preto primeiro |
| Texto na geração de IA | Letras embaralhadas/ortografia errada | Gere apenas o ícone, adicione texto manualmente |
| Efeitos da moda (brilhos, sombras) | Data rapidamente, problemas de reprodução | Mantenha o design plano e atemporal |
| Muitas cores | Difícil de reproduzir, impressão cara | Máximo de 2-3 cores |
| Assimetria sem propósito | Parece inacabado | Use assimetria intencional ou mantenha o equilíbrio |
Formatos de Entrega
| 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, 48px) |
| PNG de alta resolução (4096px+) | Impressão, outdoors |
Nota: A IA gera imagens raster (PNG). Para vetor SVG 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 aplicativos: belt app list