Una frase de entrada. Un kit de marca entero de salida.
Describe lo que estás construyendo y obtén marcas vectoriales de verdad, editables, no mapas de bits vectorizados.
Variantes del logo, el set completo de favicons, paleta de color y etiquetas listas para pegar, todo en un zip.
Incluido en el zip: favicon.ico · icon.svg · apple-touch-icon · iconos PWA · imagen OG · variantes del logo · fragmento head
Qué incluye
Todo lo que una web necesita el primer día, y nada de lo que una imprenta te mandaría en su lugar.
Logo y variantes
Composiciones horizontal y apilada, el símbolo suelto, negro sólido y blanco invertido. PNG con transparencia y SVG escalable hasta el infinito, listos para modo claro y oscuro.
Favicon del sitio
Un .ico real multirresolución más PNG en todos los tamaños, apple-touch-icon e iconos PWA, incluido un archivo maskable aparte con la zona segura que exige Android.
Paleta de color
Color principal y secundarios con valores HEX/RGB, listos para pegar directamente en tu configuración de Tailwind CSS.
Recomendaciones tipográficas
Una pareja de titular y texto corrido de familias libres de código abierto acordes al tono de la marca, con los respaldos CJK ya incluidos en la pila.
Imágenes sociales y de compartición
Una imagen OG de 1200×630, una tarjeta de Twitter, una miniatura cuadrada específica para WeChat y un avatar de 400×400 para cualquier plataforma.
Marcado listo para pegar
Un fragmento de head con los enlaces de iconos, theme-color y las etiquetas OG y Twitter: justo las que la mayoría de sitios olvida hasta que un enlace compartido sale en blanco.
Ejemplos de kits de marca generados con esta herramienta
¿No sabes cómo describir tu marca con palabras? Mira los ejemplos de abajo, todos generados por nuestra IA. Tanto si construyes una herramienta SaaS minimalista como una app de consumo desenfadada, aquí hay un punto de partida.
Cómo se ve un kit terminado
Una generación real para una herramienta de edición de podcast. Una marca, y todo lo de abajo deriva de ella: el favicon en cada tamaño real de píxel, la tarjeta OG, la escala de color y la documentación que le dice al equipo cómo usarlo.
SaaS técnico
«Un panel de monitorización de APIs para desarrolladores, minimalista y técnico, azul marino profundo con un acento de señal.» El símbolo se lee como una baliza de rastreo, y esa misma marca aguanta como favicon de pestaña.
App de estilo de vida
«Una app amable de reservas para clínicas veterinarias, cálida y de confianza, turquesa y blanco.» Una única silueta redondeada, sin detalle interior, que es exactamente lo que sobrevive a una pestaña de 16px.
Herramienta para creadores
«Una herramienta de edición de audio para podcasters independientes, rotunda y de alto contraste.» El triángulo de reproducción hace además de ancla del logotipo, y la paleta sigue siendo legible sobre una barra de pestañas oscura.
Por qué el favicon se dibuja aparte
A la izquierda: un logo detallado reducido directamente al tamaño de una pestaña; se deshace. A la derecha: una marca derivada siguiendo las reglas del favicon, a los mismos 16px, todavía legible. Esta es la comprobación que la mayoría de generadores nunca te enseña, y aquí se ejecuta en cada candidato.
¿Qué es un kit de marca y por qué el favicon forma parte de él?
Un kit de marca es el conjunto reutilizable de recursos visuales con los que sale un producto: el logo y sus variantes, el favicon, la paleta de color y la escala tipográfica. El favicon pertenece al conjunto, pero se deriva del símbolo del logo, nunca se reduce el logo entero. El logo de Google es el logotipo de cuatro colores; su favicon es una sola G, dibujada aparte.
Cuadrado, siempre
La mayoría de logos son composiciones horizontales. El hueco de un favicon es cuadrado, así que el símbolo tiene que sostenerse solo.
Legible a 16px
Las líneas finas desaparecen, los degradados se vuelven barro y el texto no se lee. Esta es la restricción que decide el dibujo.
Aguanta en claro y en oscuro
Una marca casi blanca desaparece en una barra de pestañas clara. La paleta tiene que sostenerse en los dos lados.
Tres pasos hasta una identidad de marca completa
Lo tradicional es redactar un briefing, buscar diseñador y esperar una semana. Aquí es una frase y alrededor de un minuto.
1. Describe tu idea
Por ejemplo: una herramienta de IA para pulir artículos académicos dirigida a estudiantes internacionales, estética minimalista y técnica, azul como color principal. La convertimos en un briefing de marca y la abrimos en varias direcciones realmente distintas, no una misma idea en cuatro colores.
2. La IA genera en paralelo
El motor trabaja en paralelo: genera conceptos de logo como vector real, extrae la paleta que encaja y planifica la escala tipográfica.
3. Descarga el zip
¿Te convence? Un clic descarga un zip con todos los recursos y las instrucciones de instalación. Cambiar el nombre de marca después es gratis.
Preguntas frecuentes
¿Más dudas? Escribe a [email protected].
Es el conjunto reutilizable de recursos visuales con los que sale un producto: logo y variantes, favicon, paleta de color, escala tipográfica y las reglas de uso que los mantienen coherentes. Un kit de marca no es un único archivo de logo; es todo lo necesario para que la marca se vea igual en una pestaña del navegador, en la pantalla de inicio del móvil y en la vista previa de un enlace compartido.
Sí: un puñado de trazados con colores nombrados, normalmente por debajo de 12 KB. Se genera como vector, no se vectoriza desde un mapa de bits, así que no hay contornos de mil nodos con los que pelearse en Illustrator o Figma.
No. El nombre es un elemento de texto vivo dentro del SVG, no está fundido en el dibujo, así que renombrarlo es solo volver a renderizar. Solo gastan créditos las marcas nuevas.
Puedes usarlo comercialmente. Pero la generación por IA no puede garantizar unicidad: una descripción parecida puede dar a otra persona un resultado parecido. Consulta a un abogado de marcas antes de registrar.
Es intencionado. Un favicon tiene que ser cuadrado, leerse a 16px y aguantar en barras de pestañas claras y oscuras. Tomamos el símbolo, lo ajustamos a sus propios límites y pasamos una comprobación de legibilidad antes de entregarlo.
Sí. El conversor de SVG a ICO funciona por completo en tu navegador y es gratis, sin registro y sin créditos.
¿Te gustan estos estilos? Genera el tuyo.
Describe tu producto y obtén en cosa de un minuto un kit de marca completo y apto para uso comercial.