Instala la habilidad CLI belt:
npx skills add belt-sh/cli
Guía de Diseño de Logotipos
Diseña logotipos efectivos con generación de imágenes por IA a través de la CLI de inference.sh.
Inicio Rápido
Requiere la CLI inference.sh (
belt). Instrucciones de instalación
belt login
# Generar un concepto de logotipo
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a mountain peak with a sunrise, minimal geometric style, single color, clean lines, white background",
"width": 1024,
"height": 1024
}'
Tipos de Logotipos
| Tipo | Descripción | Cuándo Usarlo | Ejemplo |
|---|---|---|---|
| Logotipo tipográfico (Wordmark) | Nombre de la empresa estilizado como logotipo | Marca fuerte, nombre corto (< 10 caracteres) | Google, Coca-Cola |
| Siglas (Lettermark) | Solo iniciales | Nombre de empresa largo, formal | IBM, HBO, CNN |
| Pictórico | Ícono/símbolo reconocible | Marca universal, funciona sin texto | Apple, pájaro de Twitter |
| Abstracto | Forma geométrica/no literal | Empresas tecnológicas, marcas conceptuales | Swoosh de Nike, Pepsi |
| Mascota | Ilustración de personaje | Marcas amigables, alimentación/deportes | Coronel KFC, Pringles |
| Combinación | Icono y texto juntos | Nuevas marcas que necesitan reconocimiento y nombre | Burger King, Adidas |
Limitación Crítica de la IA
Los generadores de imágenes por IA no pueden renderizar texto de forma fiable. Las letras aparecerán distorsionadas, mal escritas o confusas.
Estrategia:
- Genera solo el ícono/símbolo con IA
- Añade el texto/logotipo en una herramienta de diseño (Figma, Canva, Illustrator)
- O usa un enfoque combinado: ícono generado por IA + tipografía manual
Prompts para Logotipos
Palabras Clave que Funcionan
flat vector logo, simple minimal icon, single color silhouette,
geometric logo mark, clean lines, negative space design,
line art logo, flat design icon, minimalist symbol
Palabras Clave que Fallan
❌ photorealistic logo (contradicción — los logotipos no son fotos)
❌ 3D rendered logo (demasiado complejo, no escala bien)
❌ gradient logo (resultados inconsistentes, difíciles de reproducir)
❌ logo with text "Nombre de la Empresa" (el renderizado de texto falla)
Estructura del Prompt
flat vector logo of [sujeto], [estilo], [restricción de color], [fondo], [detalle adicional]
Ejemplos por Tipo de Logotipo
# Abstracto geométrico
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector abstract logo, interlocking hexagonal shapes forming a letter S, minimal geometric style, single navy blue color, white background, clean sharp edges"
}'
# Pictórico naturaleza
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a fox head in profile, geometric faceted style, orange and white, minimal clean lines, white background, negative space design"
}'
# Estilo mascota
belt app run bytedance/seedream-4-5 --input '{
"prompt": "friendly cartoon owl mascot logo, simple flat illustration, wearing graduation cap, purple and gold colors, white background, clean vector style"
}'
# Abstracto tecnológico
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "minimal abstract logo mark, interconnected nodes forming a brain shape, line art style, single teal color, white background, tech startup aesthetic"
}'
Reglas de Escalabilidad
Un logotipo debe funcionar a cualquier tamaño:
| Contexto | Tamaño | Qué Debe Funcionar |
|---|---|---|
| Favicon | 16x16 px | Silueta reconocible |
| Icono de app | 1024x1024 px | Detalle completo visible |
| Avatar social | 400x400 px | Claro de un vistazo |
| Tarjeta de visita | ~1 pulgada | Reproducción limpia en impresión |
| Cartelera | 10+ pies | Sin pixelación, lo suficientemente simple |
Lista de Verificación de Escalabilidad
- Reconocible como favicon de 16px (prueba de entrecerrar los ojos)
- Funciona en un solo color (negro sobre blanco)
- Funciona invertido (blanco sobre negro)
- Sin detalles pequeños que desaparezcan a tamaños reducidos
- Sin líneas finas que se pierdan al reducir
- Silueta clara sin color
Pautas de Color
- Máximo 2-3 colores para el logotipo principal
- Debe funcionar en un solo color (negro, blanco o color primario de la marca)
- Considera la psicología del color:
- Azul: confianza, profesional (finanzas, tecnología, salud)
- Rojo: energía, urgencia (alimentación, entretenimiento, retail)
- Verde: crecimiento, naturaleza (salud, sostenibilidad, finanzas)
- Naranja: amigable, creativo (startups, marcas juveniles)
- Púrpura: lujo, sabiduría (belleza, educación)
- Negro: premium, elegante (moda, lujo, tecnología)
- Prueba tanto en fondos claros como oscuros
Flujo de Iteración
# Paso 1: Genera 5-10 conceptos amplios
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a lighthouse, minimal geometric, single color, white background"
}' --no-wait
done
# Paso 2: Refina el mejor concepto con variaciones
belt app run falai/flux-dev-lora --input '{
"prompt": "flat vector logo of a geometric lighthouse with light beam rays, minimal line art, navy blue, white background, negative space design"
}'
# Paso 3: Genera en alta resolución para el resultado final
belt app run bytedance/seedream-4-5 --input '{
"prompt": "flat vector logo of a geometric lighthouse with radiating light beams, minimal clean design, navy blue single color, pure white background",
"size": "2K"
}'
# Paso 4: Escala para uso en producción
belt app run falai/topaz-image-upscaler --input '{
"image": "path/to/best-logo.png",
"scale": 4
}'
Errores Comunes
| Error | Problema | Solución |
|---|---|---|
| Demasiado detalle | Pierde claridad a tamaños pequeños | Simplificar a formas esenciales |
| Depende del color | Falla en contextos en blanco y negro | Diseñar primero en negro |
| Texto en generación de IA | Letras distorsionadas/mal escritas | Generar solo ícono, añadir texto manualmente |
| Efectos de moda (brillos, sombras) | Se desactualiza rápidamente, problemas de reproducción | Mantener un diseño plano y atemporal |
| Demasiados colores | Difícil de reproducir, impresión costosa | Máximo 2-3 colores |
| Asimetría sin propósito | Parece inacabado | Usar asimetría intencional o mantener equilibrio |
Formatos de Entrega
| Formato | Caso de Uso |
|---|---|
| SVG | Vectorial escalable, web, edición |
| PNG (transparente) | Uso digital, presentaciones |
| PNG (fondo blanco) | Documentos, firmas de correo |
| ICO / Favicon | Favicon del sitio web (16, 32, 48px) |
| PNG de alta resolución (4096px+) | Impresión, carteleras |
Nota: La IA genera imágenes rasterizadas (PNG). Para obtener verdaderos vectores SVG, usa la salida de la IA como referencia y calca en una herramienta de vectores, o utiliza herramientas de conversión de IA a SVG.
Habilidades Relacionadas
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@prompt-engineering
Explora todas las aplicaciones: belt app list