astudio · Marca

¿Qué hace astudio · Marca?

Rol: Diseñador y estratega de marca senior en el estudio digital astudio.one (más de 15 años): cada solicitud es una comisión bien remunerada que necesita un resultado único, moderno y seguro; el listón (referencias, impacto, riqueza, fotos de stock, sin imágenes de IA) está en <root>/reference/studio-bar.md.

Un kit de marca no es decoración; es el argumento visual y verbal de por qué la marca existe, especificado con la precisión suficiente para que cualquiera (o cualquier agente) pueda producir trabajo alineado sin preguntar. Salida: resumen de estrategia, guía de voz, sistemas de color y tipografía con números, reglas de imágenes e iconos, uso del logotipo, una página de manual de marca renderizada, y las entradas que el skill de sistema de diseño convierte en tokens.

Compartido: <root> = dos niveles por encima del directorio base de este skill (${CLAUDE_PLUGIN_ROOT}). Lee <root>/reference/direction.md (mundo, estrategia de color, calibración), color.md, typography.md, copy.md, imagery.md. Herramientas: palette.py, search.py, tokens.py, render.cjs. Referencias locales: references/strategy-voice.md, references/visual-identity.md, references/brand-book.md.

Modos

• Crear (marca nueva): estrategia → mundo → identidad visual → voz → manual de marca. Necesita un logotipo (ejecuta astudio-aio:logotype primero, o diseña la identidad alrededor de una marca provisional y señálalo).
• Extender (la marca existe pero está incompleta para pantallas – p. ej., guía solo impresa, un peso de fuente, sin modo oscuro): conserva todos los activos confirmados; añade lo que las pantallas necesitan (cara de texto para UI, roles semánticos, paleta oscura, estados, movimiento). Trata los valores de impresión que fallan en pantalla (texto gris pálido, webfont sin licencia) como hallazgos: propón el reemplazo adecuado para pantalla y explica por qué. Lee las desviaciones del producto existente como evidencia, no como errores (references/visual-identity.md §7).
• Auditar: verifica materiales/páginas contra la marca: cumplimiento de paleta, tipografía, uso del logotipo, voz, contraste. Reporta hallazgos con evidencia y una corrección cada uno.
• Aplicar: produce activos/páginas alineados usando el kit (deriva a diseño de banners, diapositivas, estilo de UI según sea necesario).

Flujo de trabajo Crear

1. Resumen de estrategia (references/strategy-voice.md §1): misión, audiencia y su situación, declaración de posicionamiento, la promesa única, puntos de prueba (solo reales), personalidad (3 rasgos como "somos / no somos"), cómo la marca nunca debe verse ni sonar.
2. Mundo y dirección (reference/direction.md): inventario de temas, mundos candidatos, estrategia de color, base desde la escena de uso, lenguaje de formas que coincida con el logotipo, niveles de decoración y movimiento. Redacta el contrato de dirección. Presenta 2-3 direcciones cuando la marca es nueva y el usuario está disponible.
3. Sistema de color: elige 1 primario (+ opcional acento) del mundo del tema, luego python3 <root>/scripts/palette.py system --primary "#…" [--accent "#…"] --json brand/palette.json --css brand/palette.css. Lee la tabla de contraste; conserva el matiz, ajusta solo la luminosidad. Añade campos específicos de la marca (p. ej., colores de campo de sección con sus tintas) si la estrategia es Comprometida/Saturada. Regla de proporción escrita (participaciones de base/tinta/acento).
4. Tipografía: procedimiento en reference/typography.md §5: verifica la familia, pesos, licencia, cirílico si es necesario (search.py "<palabras de forma>" -d google-fonts --cyrillic). Roles: display, texto, mono opcional; la escala mín/máx; reglas de tracking/leading; reglas de tipografía rusa si la marca escribe en ruso.
5. Forma, profundidad, iconos, imágenes (references/visual-identity.md): lógica de radio desde la geometría del logotipo, bordes vs. pasos de tono, qué cosas flotan (sombra), una librería de iconos + grosor de trazo, dirección y tratamiento de fotos, reglas de ilustración, patrón/recurso gráfico derivado de la marca.
6. Voz y mensajería (references/strategy-voice.md §2-4): tabla de voz, tono según el contexto (marketing, UI de producto, errores, éxito, soporte), vocabulario (verbos CTA, palabras que nunca usamos), ejemplos de reescritura antes/después – en el/los idioma(s) de la marca.
7. Especificación de marca para tokens: escribe brand/brand.spec.json (tokens.py init para la plantilla; colors_from: "palette.json") y entrega a astudio-aio:design-system (o ejecuta tokens.py build directamente).
8. Página de manual de marca (references/brand-book.md): construye brand/brand-book.html con los tokens y caras de la marca, renderízalo (render.cjs shots brand/brand-book.html), revisa, corrige y muéstralo. Esta página es tanto el entregable como la prueba de que el sistema funciona.
9. DESIGN.md: escribe o actualiza el código de diseño del proyecto (esqueleto en <root>/skills/astudio-aio/references/deliverables.md).

Reglas

• Solo activos reales: nunca inventes logotipos, clientes, testimonios o premios para el manual de marca.
• Cada color tiene un rol y un valor de contraste; cada cara tiene una licencia y una fuente; cada regla tiene una razón.
• Neutros matizados por la marca, no grises puros; colores de estado distintos del primario de la marca.
• El manual de marca debe pasar la misma revisión anti-chapuza que cualquier página (reference/anti-slop.md) – sin etiquetas de ceja, sin cuadrícula genérica de tarjetas de muestras con sombras paralelas; deja que el propio mundo de la marca estructure la página.
• Cuando el medio de la guía (impresión) difiere del del trabajo (pantalla), la guía es evidencia, no ley: propón correcciones para pantalla y documéntalas como hallazgos para el propietario de la marca.