Creador de Marca (Brandkit)

¿Qué hace Creador de Marca (Brandkit)?

Carpeta de salida brand/<slug>/:

brand.json          # nombre, posicionamiento, colores, fuentes, rutas de logotipo, voz — leído por otras habilidades
palette.svg         # muestras con valores hexadecimales
logo/               # mark.svg, wordmark.svg, lockup.svg (+ exportaciones PNG)
mockups/            # ejemplos aplicados
guide.md            # guía de uso de una página

Paso 1 — Brief

Nombre, qué hace, audiencia, 3 palabras de personalidad, competidores a evitar parecerse, activos existentes a conservar. Preguntar una sola vez por lo que falta.

Paso 2 — Dirección (aprobar antes de construir)

Ofrecer 2 direcciones, cada una: concepto de una línea, paleta de 5 colores (hex, con roles: primario, secundario, acento, neutro oscuro, neutro claro), emparejamiento tipográfico (nombres de Google Fonts), idea de logotipo. Usar references/brand-foundations.md para reglas de contraste de paleta y tipografía.

Paso 3 — Logotipo

1. Crear SVGs directamente (siempre posible, editables, escalables): marca geométrica, logotipo textual (texto convertido solo si el usuario proporciona la fuente; de lo contrario, usar una pila segura para web y anotarlo), combinación. Mantener las marcas simples: funcionan a 16 px y en un solo color.
2. Exploraciones opcionales con un proveedor de imágenes solo para inspiración: creator.py image --prompt "exploración de logotipo vectorial plano para <nombre>: <idea>, <paleta>, fondo blanco, sin maqueta" --ratio 1:1. Los ráster generados son referencias, no entregables; redibujar la idea elegida como SVG.
3. Exportar PNGs: ffmpeg -i logo/mark.svg -vf scale=1024:-1 logo/mark-1024.png (si ffmpeg no tiene soporte SVG, usar rsvg-convert o una captura de pantalla del navegador).

Paso 4 — Maquetas

Usar creator-image / creator.py image con el PNG del logotipo como --ref y la paleta en palabras: imagen de perfil, plantilla de publicación social, banner de YouTube (2560×1440, área segura 1546×423), tarjeta de presentación, bolsa/camiseta, empaque — solo aquellos que el usuario necesite. Añadir texto exacto con media.py text, no generación en la imagen.

Paso 5 — Guardar el kit

Escribir brand.json y ofrecer copiar colores/fuentes/logotipo en el bloque brand de la configuración de creator-skills para que miniaturas, anuncios y fotos de producto los usen automáticamente. Escribir guide.md: paleta con roles y notas de contraste, escala tipográfica, espacio libre del logotipo y tamaño mínimo, ejemplos de hacer/no hacer.

Reglas

• Realizar una verificación rápida de originalidad: evitar marcas que se asemejen a logotipos conocidos; decir al usuario que realice una búsqueda de marca registrada antes del uso comercial.
• Contraste de texto: texto del cuerpo ≥ 4.5:1 contra su fondo (WCAG AA).

Referencias

• references/brand-foundations.md — roles de paleta, contraste, emparejamiento tipográfico, reglas de logotipo
• references/image-prompting.md, references/media-ops.md, references/providers.md