Instalar la habilidad belt CLI:
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 de inference.sh (
belt). Instrucciones de instalación
belt login
# Generar un concepto de logotipo
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vectorial plano de un pico de montaña con un amanecer, estilo geométrico minimalista, un solo color, líneas limpias, fondo blanco",
"width": 1024,
"height": 1024
}'
Tipos de Logotipos
| Tipo | Descripción | Cuándo Usarlo | Ejemplo |
|---|---|---|---|
| Logotipo textual | Nombre de la empresa estilizado como logotipo | Nombre de marca fuerte, corto (< 10 caracteres) | Google, Coca-Cola |
| Logotipo de iniciales | Solo las iniciales | Nombre de empresa largo, formal | IBM, HBO, CNN |
| Pictórico | Icono/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, comida/deportes | Coronel KFC, Pringles |
| Combinación | Icono + logotipo textual juntos | Marcas nuevas 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 deformadas.
Estrategia:
- Generar solo el icono/símbolo con IA
- Añadir el texto/logotipo textual en una herramienta de diseño (Figma, Canva, Illustrator)
- O usar un enfoque combinado: icono de IA + tipografía añadida manualmente
Cómo Hacer Prompting para Logotipos
Palabras Clave Que Funcionan
logotipo vectorial plano, icono minimalista simple, silueta de un solo color,
marca geométrica, líneas limpias, diseño de espacio negativo,
logotipo de línea de arte, icono de diseño plano, símbolo minimalista
Palabras Clave Que Fallan
❌ logotipo fotorrealista (contradicción — los logotipos no son fotos)
❌ logotipo 3D renderizado (demasiado complejo, no se reduce bien)
❌ logotipo degradado (resultados inconsistentes, difícil de reproducir)
❌ logotipo con texto "Nombre de la Empresa" (la generación de texto falla)
Estructura del Prompt
logotipo vectorial plano de [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": "logotipo vectorial plano abstracto, formas hexagonales entrelazadas formando una letra S, estilo geométrico minimalista, color azul marino único, fondo blanco, bordes limpios y definidos"
}'
# Pictórico naturaleza
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vectorial plano de cabeza de zorro en perfil, estilo geométrico facetado, naranja y blanco, líneas limpias minimalistas, fondo blanco, diseño de espacio negativo"
}'
# Estilo mascota
belt app run bytedance/seedream-4-5 --input '{
"prompt": "logotipo mascota de búho amigable estilo caricatura, ilustración plana simple, con birrete de graduación, colores púrpura y dorado, fondo blanco, estilo vectorial limpio"
}'
# Abstracto tecnología
belt app run xai/grok-imagine-image-pro --input '{
"prompt": "marca abstracta minimalista, nodos interconectados formando forma de cerebro, estilo línea de arte, color verde azulado único, fondo blanco, estética de startup tecnológica"
}'
Reglas de Escalabilidad
Un logotipo debe funcionar en todos los tamaños:
| 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 |
| Valla publicitaria | 10+ pies | Sin pixelación, lo suficientemente simple |
Lista de Verificación de Escalabilidad
- Reconocible como favicon de 16px (prueba de entrecerrar ojos)
- Funciona en un solo color (negro sobre blanco)
- Funciona invertido (blanco sobre negro)
- Sin detalles diminutos que desaparezcan en tamaños pequeños
- Sin líneas finas que se vuelvan invisibles 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 el color primario de la marca)
- Considera la psicología del color:
- Azul: confianza, profesional (finanzas, tecnología, salud)
- Rojo: energía, urgencia (comida, entretenimiento, venta minorista)
- 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 en fondos claros y oscuros
Flujo de Trabajo de Iteración
# Paso 1: Generar 5-10 conceptos amplios
for i in {1..5}; do
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vectorial plano de un faro, geométrico minimalista, un solo color, fondo blanco"
}' --no-wait
done
# Paso 2: Refinar el mejor concepto con variaciones
belt app run falai/flux-dev-lora --input '{
"prompt": "logotipo vectorial plano de un faro geométrico con rayos de luz, línea de arte minimalista, azul marino, fondo blanco, diseño de espacio negativo"
}'
# Paso 3: Generar en alta resolución para el final
belt app run bytedance/seedream-4-5 --input '{
"prompt": "logotipo vectorial plano de un faro geométrico con rayos de luz irradiando, diseño limpio minimalista, azul marino un solo color, fondo blanco puro",
"size": "2K"
}'
# Paso 4: Ampliar para uso en producción
belt app run falai/topaz-image-upscaler --input '{
"image": "ruta/al/mejor-logotipo.png",
"scale": 4
}'
Errores Comunes
| Error | Problema | Solución |
|---|---|---|
| Demasiado detalle | Pierde claridad en 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 por IA | Letras deformadas/mal escritas | Generar solo el icono, añadir texto manualmente |
| Efectos modernos (brillos, sombras) | Se vuelve anticuado rápidamente, problemas de reproducción | Mantener 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, vallas publicitarias |
Nota: La IA genera imágenes rasterizadas (PNG). Para SVG vectorial verdadero, usa el resultado de la IA como referencia y calcarlo en una herramienta vectorial, o usa 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
Explorar todas las apps: belt app list