Qué obtienes
- Un DESIGN.md en formato abierto, con tokens en el encabezado y guía escrita
- tokens.json (tokens de diseño W3C) y tokens.css con temas claro y oscuro
- Logotipo, símbolo, conjunto, versión invertida y de un solo color en SVG con contornos
- Un tablero de marca de una página en HTML sin conexión y PDF, con 4 a 6 maquetas
- Una página de moodboard con tres direcciones para elegir
Ideal para
- Dar identidad a un producto, tienda o proyecto nuevo en una sola sesión
- Escribir un DESIGN.md para que tu agente de código deje de generar interfaces genéricas
- Convertir un archivo de tema existente en un sistema documentado y con contraste verificado
- Un tablero de marca creíble para una propuesta o una primera reunión con un cliente
No es para
- Registro de marcas: evita parecidos, pero no busca en registros
- Mascotas o sistemas completos de ilustración
- Reproducir línea por línea un manual de marca estricto ya existente
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Generador de kit de marca y DESIGN.md» (brand-kit-design-md) para esto: Kit de marca para Lumen Notes, una app de notas tranquila para investigadores que trabajan de noche. Cálida y un poco ingeniosa, nunca otra app de IA morada. Aún no tiene logotipo.
En un agente de programación
/popnow-brand-kit-design-md Kit de marca para Lumen Notes, una app de notas tranquila para investigadores que trabajan de noche. Cálida y un poco ingeniosa, nunca otra app de IA morada. Aún no tiene logotipo.
Luego prueba
Ve con la dirección A, pero toma el verde de la B para las etiquetas.
Solo la versión ligera por ahora: paleta, fuentes y voz, sin créditos de imagen.
Qué tener a mano
- Unas líneas sobre el producto, el público y la personalidad
- Competidores a los que no debe parecerse, con sus colores principales si los conoces
- Cualquier logotipo, colores o fuentes que quieras conservar
- Python 3 y Chrome; fonttools para los logotipos en contornos
Skills similares
Ver todos →Retrato de estudio en blanco y negro
+3Convierte una foto cotidiana en un retrato de estudio en blanco y negro sereno que sigue pareciéndose a ti.
Conjunto de ilustraciones para blog
+3Tres ilustraciones a juego para un artículo, cada una muestra lo que su pasaje dice de verdad.
Cartel de anatomía de corte de coche
+3Corte lateral de un coche genérico con sistemas por color, marcadores numerados y ventanas de zoom.
Creador de infografías en pizarra
+3Infografía 16:9 estilo pizarra con texto corto exacto, dibujos de tiza y una única ruta de lectura.
Fotogramas cinematográficos de storyboard
+3Tres hojas de storyboard para una escena, cada una con otra forma de rodarla y continuidad intacta.
Set de concept art consistente
+3Un personaje, un objeto y un entorno que claramente pertenecen al mismo mundo ficticio.
Arte de garabatos de crayón monos
+3Personajes de crayón torpes y adorables sobre papel blanco: trazos temblorosos, pegatinas y archivos nítidos.
Ilustración editorial de línea
+3Ilustraciones en tinta negra con un acento de color para cabeceras, newsletters y tarjetas sociales.
Portada de artículo estilo grabado
+3Un grabado surrealista en tinta negra por ensayo, con trama cruzada de borde a borde y una gran idea.
Vista explosionada de plataforma eléctrica
+3Un coche eléctrico separado capa a capa: batería, motores, habitáculo y carrocería en color, con llamadas.
Cartel de vista explosionada de producto
+3Vista explosionada limpia de un producto, con etiquetas exactas de tu tabla de especificaciones.
Generador de mapas de fantasía
+3Mapas de pergamino, de atlas o de línea negra de tu mundo, con nombres bien rotulados.
Mapa de sabores regionales de comida
+3Mapa pintado y sereno de regiones, con un pequeño gráfico de sabor por región en escala común.
Creador de mapas ilustrados de ciudades
+3Un mapa de estilo dibujado a mano de un barrio o pueblo, fiel en lo importante y con etiquetas exactas.
Storyboard en boceto de tinta
+3Página de storyboard en tinta negra y trazo suelto a partir de un cuento corto, un beat por viñeta.
Creador de imágenes OG en estilo línea
+3Imágenes serenas para enlaces: tarjeta blanca, titular corto en negro y un personaje dibujado a mano.
Póster de investigación de biología marina
+3Póster de investigación ancho con un corte pintado del hábitat, especies numeradas y un gráfico.
Generador de maquetas de teléfono
+3Tu app en un teléfono plegable 3D que se abre sobre un fondo suave, en PNG nítidos o en un clip de plegado.
Estudios de composición fotográfica
+3Tres tomas fotográficas de un mismo sujeto, cada una construida sobre un principio de composición distinto.
Generador de sketchnotes
+3Convierte un artículo o unas notas en un sketchnote dibujado a mano de 4:3, con etiquetas exactas y revisadas.
Generador de portadas y miniaturas sociales
+3Un mensaje y un juego verificado de imágenes OG, portadas y miniaturas, con tamaños exactos.
Preguntas
¿Qué es DESIGN.md y quién lo lee?
Un sistema de diseño en texto plano: tokens en YAML al principio y guía escrita debajo. Los agentes de código y de diseño lo leen para mantener coherentes colores, tipografía y espaciado. Este skill lo escribe en el formato abierto que otras herramientas validan y exportan, y añade los archivos del logotipo, las licencias de fuentes, los pares de contraste y los ejemplos de voz bajo una clave extra.
¿Son realmente accesibles los colores?
Cada par de texto y fondo que vayas a usar se declara y se verifica con un script frente a WCAG 2.2, incluido el modo oscuro. Los pares que no cumplen reciben el color más cercano del mismo tono que sí cumple, y los ratios se redondean a la baja, así que un aprobado es un aprobado.
¿El logotipo es una imagen de IA?
No. El texto del logotipo se convierte en contornos a partir de una fuente de licencia abierta, y el símbolo se dibuja con unas pocas formas SVG limpias. Los bocetos de PopNow pueden inspirar el símbolo, pero nunca se entrega un mapa de bits como logotipo, y el validador lo rechaza.
¿Cómo evita parecerse a un competidor?
Enumeras las marcas que hay que evitar, con sus colores y una descripción de su logotipo. Una comprobación marca las paletas que repiten su combinación de colores, los prompts nunca las nombran, y el símbolo se compara con su marca antes de dibujarse. No es una búsqueda de marcas registradas con validez legal.