Generador de kit de marca: paleta, tipografías, favicon y mockup
Cuando un proyecto nuevo se atasca, casi siempre faltan las mismas cuatro decisiones: color, tipografía, icono y una primera imagen de producto. Shape Cat las junta en un lienzo rápido: escribe el nombre de la marca, elige un tono visual y obtendrás una paleta de cinco colores, una pareja de fuentes, un favicon y un mockup inicial. Todo se genera en tu navegador, sin cuenta y sin subir archivos.
Generador de kit de marca es una herramienta gratuita de Shape Cat que funciona en tu navegador: la abres, trabajas y descargas el resultado. No subes archivos, no necesitas cuenta y no hay registro.
Paleta
#0F766E · #14B8A6 · #CCFBF1 · #0F172A · #F8FAFC
Tipografías
Shape Cat
Sora + Inter
favicon
mockup
Vista previa de producto
Comprueba botones, tarjetas, etiquetas e iconos con el mismo sistema.
Qué debe resolver primero un kit de marca ligero
Un proyecto temprano no necesita una identidad cerrada; necesita decisiones que no se contradigan. La paleta debe cubrir fondo, texto, borde, acción principal y acento. La tipografía debe dar personalidad al titular sin sacrificar lectura. El favicon tiene que reconocerse en tamaño pequeño. El mockup sirve para comprobar si todo eso funciona dentro de botones, tarjetas y capturas.
La ventaja de verlo junto es que los fallos aparecen rápido. Un color que parecía bonito puede apagarse en un botón; una fuente con mucho carácter puede cansar en párrafos; un icono puede perderse a 16 píxeles. Shape Cat no intenta cerrar la marca por ti: te da un punto de partida coherente para probarlo en una página real.
Después de generar el kit, copia los tokens y pruébalo en el producto. Si el botón principal no destaca, ajusta la paleta. Si el titular pesa demasiado, cambia la pareja tipográfica. Si la imagen de presentación queda plana, refina el mockup. El generador decide la dirección; las herramientas individuales afinan el detalle.
Cómo usar Generador de kit de marca
- 1Escribe el nombre de la marca y elige una dirección: SaaS sereno, estudio creativo, herramienta técnica o comercio cálido.
- 2Revisa la paleta de cinco colores y copia los valores HEX o los tokens CSS.
- 3Comprueba la pareja de fuentes para título y texto antes de llevarla a tu página.
- 4Mira el favicon y el mockup juntos para decidir si el sistema visual aguanta en una interfaz real.
Por qué usar Generador de kit de marca en Shape Cat
- Ves el sistema completo a la vez: colores, fuentes, icono y mockup se juzgan en el mismo espacio.
- Está pensado para decidir dirección, no para simular un manual de marca de cuarenta páginas.
- El nombre de la marca y la propuesta visual se quedan en tu navegador.
- Puedes saltar después a las herramientas dedicadas para pulir paleta, fuentes, favicon o mockup.
Preguntas frecuentes
¿Crea un logotipo completo?
No. Crea un borrador práctico de kit de marca: paleta, fuentes, favicon con iniciales y vista de mockup. Un logotipo registrable conviene diseñarlo aparte.
¿Para qué proyectos encaja mejor?
Para SaaS pequeños, herramientas web, portfolios, MVP, proyectos open source y utilidades internas que necesitan una dirección visual clara antes de invertir en branding completo.
¿Puedo editar cada parte después?
Sí. El resultado está pensado para continuar en las herramientas dedicadas de paleta, tipografías, favicon y mockup.
Actualizado , equipo de Shape Cat
Sources, review and limits
Last verified
2026-06-17
Author
Shape Cat editorial desk
Reviewer
Brand asset review
Primary sources
- Browser Canvas and SVG export APIs
- Color and typography heuristics maintained in the site tools
- User-entered brand names, colors and prompts
Brand kits are creative starting points, not trademark, accessibility or brand-strategy advice. Test contrast, licensing and legal clearance before launch.