Generador de kit de marca
Crea una paleta, recibe sugerencias de fuentes y exporta un icono PNG de 512 × 512 con tokens CSS listos para copiar.
Procesado en tu navegador, sin subida
Paleta
#0F766E · #14B8A6 · #CCFBF1 · #0F172A · #F8FAFC
Afinar en la herramienta de paletaCombinación sugerida
Sora + Inter
Estas fuentes son recomendaciones. Coloca el CSS al principio de tu hoja de estilos para cargarlas desde Google Fonts. El icono usa Poppins; el ejemplo de interfaz usa las fuentes del sitio, con fuentes del sistema como alternativa.
Probar más combinaciones de fuentesfavicon
mockup
Vista previa de producto
Comprueba botones, tarjetas, etiquetas e iconos con el mismo sistema.
CSS generado
Incluye la carga de fuentes y variables de color. Úsalas en tus estilos, por ejemplo con var(--brand-1).
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.
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
Fuentes, revisión y límites
Última verificación
2026-06-17
Autoría
Equipo editorial de Shape Cat
Revisión
Revisión de recursos de marca
Fuentes principales
- APIs de Canvas y exportación SVG del navegador
- Heurísticas de color y tipografía mantenidas en las herramientas del sitio
- Nombres de marca, colores y prompts introducidos por el usuario
Los kits de marca son un punto de partida creativo, no asesoría sobre marcas registradas, accesibilidad o estrategia de marca. Comprueba el contraste, las licencias y la validación legal antes de lanzar.