Brand Board Standard
Esta habilidad hace que cada tablero de marca utilice el mismo marco de secciones, de modo que marcas diferentes (con distintos personajes, colores y tonos) puedan compararse, revisarse y entregarse de la misma manera.
Este estándar se deriva del análisis de 4 tableros de referencia (Pawang.dev, DukunKode, Gus Kode, Ning Kode). Cada tablero destaca en un área diferente, por lo que este estándar combina lo mejor de cada uno. La especificación completa de cada sección se encuentra en references/section-spec.md.
Por qué existe este estándar
Sin un marco fijo, los nuevos tableros tienden a omitir secciones que no se consideran en ese momento (versión oscura del logotipo, fuente para código, microcopy para estados de error). El resultado es que el equipo no puede usar la marca de manera consistente. Un marco fijo obliga a hacer las mismas preguntas para cada marca.
Elige el alcance: escalonado o completo
Hay dos alcances. El predeterminado es escalonado. Utiliza el alcance completo solo si el usuario lo solicita explícitamente (por ejemplo, "modo completo", "todas las secciones", "full", "llenar todo"). Si el usuario no menciona nada, usa el escalonado y no preguntes.
| Escalonado (predeterminado) | Completo | |
|---|---|---|
| Nivel 1 (7 secciones) | Obligatorio | Obligatorio |
| Nivel 2 (7 secciones) | Solo si la marca tiene el elemento | Obligatorio, usar versión mínima si la marca no lo tiene |
| Nivel 3 (2 secciones) | Solo si es relevante | Obligatorio, usar versión mínima si no es relevante |
| Secciones omitidas | Se registran con su motivo | No hay |
| Adecuado para | Marcas con identidad clara, tablero conciso | Plantilla uniforme entre marcas, documentación completa |
En el alcance completo, cada sección tiene una "versión mínima" (ver references/section-spec.md) para que no se sienta forzada: su contenido se deriva del logotipo, el eslogan y el campo de negocio, no se inventan elementos que no encajan. Las secciones cuyo contenido es completamente derivado se marcan con [ASUMSI] una vez en el título de la sección, no por línea (ver reglas de marcado a continuación).
Tres modos de trabajo
Determina el modo a partir de la solicitud del usuario y sigue el flujo. El alcance (escalonado/completo) se aplica en los tres.
Modo A: Crear un nuevo tablero de marca
- Recopila el brief mínimo. Primero verifica qué hay en la conversación, no preguntes de nuevo. Lo necesario:
- Nombre de la marca y eslogan (o 3 pilares de valor)
- Campo de negocio y público objetivo
- Carácter/tono (por ejemplo, cálido, misterioso, formal) y, si existe, concepto cultural o mascota
- Preferencias de color (opcional, se puede proponer) Si el brief es insuficiente, pregunta como máximo 3 cosas a la vez; el resto se completa con suposiciones escritas explícitamente.
- Determina el alcance (predeterminado escalonado) y, si es escalonado, elige las secciones de Nivel 2/3 relevantes.
- Genera la Especificación de Marca (Brand Spec) usando
assets/brand-spec-template.md. Es un documento Markdown que completa cada sección y sirve como única fuente de verdad. - Genera el prompt de imagen (un prompt por tablero) derivado de la Especificación de Marca, siguiendo el "Diseño del lienzo" en
references/section-spec.md. Claude no dibuja el tablero, por lo que este prompt se usa en la herramienta de generación de imágenes que elija el usuario. - Ejecuta la lista de verificación de control de calidad antes de entregar los resultados.
Modo B: Auditar un tablero existente
- Mapea el contenido del tablero a la lista estándar de secciones (16 secciones). Sin una solicitud especial, evalúa con el alcance escalonado; si el usuario solicita completo, las 16 secciones se consideran obligatorias.
- Genera una tabla: sección, estado (✅ completo / ⚠️ parcial / ❌ ausente) y notas sobre deficiencias específicas (por ejemplo, "la tipografía no tiene fuente para código").
- Ordena los hallazgos: primero las secciones faltantes del Nivel 1, luego la integridad del contenido, luego los Niveles 2 y 3.
- Ofrece crear un parche de la Especificación de Marca que corrija esas brechas.
Modo C: Estandarizar varios tableros
Ejecuta el Modo B en cada tablero, muestra una matriz de comparación y luego propón las secciones que deben agregarse a cada uno.
Estructura estándar (resumen)
Este orden y numeración se mantienen fijos. No los cambies entre marcas, para que el lector siempre sepa dónde encontrar algo. Una sección = un tema, no se combinan secciones.
Nivel 1: Obligatorio en todos los tableros, en ambos alcances
| # | Sección | Contenido mínimo |
|---|---|---|
| 1 | Hero | Logotipo principal, eslogan, ilustración/visual principal, una frase de acompañamiento, 3 pilares |
| 2 | Variaciones de Logotipo | Horizontal, vertical, icono/app icon, minimalista, versión oscura, favicon |
| 3 | Paleta de Colores | Mínimo 4 colores; cada color tiene nombre, hex y rol |
| 4 | Tipografía | 3 roles: título, cuerpo, código/técnico; cada fuente tiene etiqueta de uso y ejemplo |
| 5 | Tono de Voz | Descripción del tono, ejemplos de citas, microcopy por contexto de UI, lista de verificación de principios |
| 6 | Ejemplos de Aplicación | Mínimo 3 contextos reales |
| 7 | Pie de Página | Logotipo pequeño, descripción de una línea, 3 pilares o eslogan |
Nivel 2: Condicional en escalonado, obligatorio en completo
| # | Sección | Condición en alcance escalonado |
|---|---|---|
| 8 | Filosofía | La marca se vende por historia o posicionamiento |
| 9 | Valores de Marca | La marca tiene valores que comunica a la audiencia |
| 10 | Mascota | La marca tiene un personaje |
| 11 | Conjunto de Iconos | La marca usa su propio conjunto de iconos |
| 12 | Elementos Visuales | La marca usa ornamentos o motivos culturales |
| 13 | Patrón de Fondo | La marca usa un patrón de fondo |
| 14 | Activos Adicionales | Hay propiedades de apoyo |
Nivel 3: Módulos de negocio, opcional en escalonado, obligatorio en completo
| # | Sección | Condición en alcance escalonado |
|---|---|---|
| 15 | Servicios | La marca vende servicios/productos con nombre |
| 16 | Paquetes | Los servicios tienen paquetes |
Reglas de redacción de la Especificación de Marca
- Usa Markdown. Si es necesario mostrar flujos o jerarquías, usa diagramas Mermaid. No sugieras CSV como fuente de datos, ya que Markdown es suficiente como única fuente de verdad.
- Escribe en el idioma del usuario (predeterminado Español). Los términos técnicos se mantienen en su forma original (hex, favicon, microcopy).
- Mantén los nombres de sección de los tableros de referencia: "Paleta de Colores", "Tipografía", "Tono de Voz", "Ejemplos de Aplicación", "Variaciones de Logotipo".
- Cada valor de color se escribe como
#RRGGBB. Cada fuente se escribe con su nombre exacto y su rol. - Menciona los pares de color de texto-fondo seguros para el texto del cuerpo (objetivo de relación de contraste mínimo 4.5:1) en la columna de rol de la paleta.
- No inventes hechos comerciales (precios, nombres de servicios, afirmaciones) que el usuario no haya proporcionado. Si es necesario completar, márcalo con
[ASUMSI]para que sea fácil de encontrar y confirmar. - Regla de marcado
[ASUMSI]: márcalo a nivel de sección si todo el contenido de esa sección es derivado o una versión mínima, colocándolo en el título (ejemplo:### 10. Mascota [ASUMSI]). Márcalo a nivel de línea u oración solo para un hecho específico dentro de una sección cuyo resto proviene del usuario o del brief (ejemplo: la promesa "en 1 día hábil" en un correo de confirmación, o un nombre de servicio no aprobado). No marques cada línea de una tabla en una sección ya marcada en su título. El resumen final solo debe mencionar la lista de secciones marcadas y los hechos específicos marcados. - Si la marca utiliza elementos culturales o religiosos (batik, kawung, insignias, términos religiosos), asegúrate de que su uso sea respetuoso y no degradante. Pregunta si tienes dudas, no asumas.
Formato del prompt de imagen
El prompt de imagen debe ser autónomo (se puede pegar directamente) y contener, en orden: formato del lienzo, estilo de ilustración, lista de secciones con su contenido, paleta con hex y prohibiciones (por ejemplo, "sin texto aleatorio", "el texto debe ser legible").
Dos órdenes diferentes, no los mezcles:
- La Especificación de Marca sigue el orden numérico de las secciones (1, 2, 3, ... 16).
- El prompt de imagen sigue el orden del diseño del lienzo, es decir, fila por fila de arriba hacia abajo: 1, 2, 10, 14, 11, 12, 3, 4, 5, 6, 13, 8, 9, 15, 16, y luego 7 (Pie de Página) al final. En el alcance escalonado, omite los números no utilizados sin cambiar el orden del resto.
- Antepón el número estándar a cada sección en el prompt (ejemplo:
[10] Mascota: ...), para que quede claro qué sección se menciona aunque el orden difiera del número. Escribe todo el texto que debe aparecer en la imagen de manera exacta, ya que los modelos de imagen tienden a escribir mal el texto que se deja libre.
Sugiere al usuario que trate el resultado de la imagen como un borrador visual, y que la Especificación de Marca en Markdown sirve como fuente de verdad para los hex, nombres de fuente y textos.
Lista de verificación de control de calidad antes de entregar resultados
- El alcance utilizado (escalonado/completo) se menciona al inicio de la Especificación de Marca
- Las 7 secciones del Nivel 1 existen y cumplen con el contenido mínimo
- Cada color tiene nombre, hex y rol
- La tipografía tiene fuente para código y etiqueta de uso para cada fuente
- Hay una versión oscura del logotipo y favicon
- El tono de voz incluye microcopy para al menos: hero, CTA, carga, éxito, error 404, correo de confirmación
- El orden y la numeración de las secciones siguen el estándar
- Alcance completo: las 16 secciones están llenas, ninguna vacía
- Alcance escalonado: las secciones omitidas se registran con su motivo
- Las suposiciones se marcan según la regla: por sección en el título si es completamente derivada, por línea solo para un hecho único; no hay marcas dobles dentro de una sección ya marcada
- El resumen final menciona la lista de secciones y hechos marcados con
[ASUMSI]
Formato de respuesta al usuario
Comienza con el resultado (Especificación de Marca o tabla de auditoría) y luego cierra con una breve lista de suposiciones y elementos que necesitan confirmación. No repitas el contenido de la especificación en el chat si ya está en un archivo.