Editorial Craft Bible
Aplicación del sistema visual
Inicio Marca en la pieza Aplicación del sistema visual
Marca en la pieza

Aplicación del sistema visual

11 reglas Huddle Creative · HubSpot brand style guide examplesResponsory brand identity policing · ECB M2 (fuentes embebidas)HubSpot brand style guide examples · ECB M2 (jerarquía)Responsory brand identity policing · Huddle Creative
43

Aplicación del sistema visual

11 reglas
464

Extrae los 4 activos que gobiernan la pieza antes de maquetar

Antes de tocar el layout, saca del brand book los cuatro activos que rigen la pieza: la paleta con valores CMYK/Pantone/HEX exactos, las tipografías primaria y secundaria con pesos autorizados, el tono de voz (formal, cercano, técnico) y los elementos gráficos de apoyo (patrones, iconografía, formas de marca). Que falte cualquiera convierte aplicar el sistema en adivinar, y adivinar es lo que rompe la consistencia de marca.

Cuatro activos en mano
Paleta
Tipografía
AaPrimaria + secundaria
Tono
Cercano, directo, concreto
Gráficos
Cada decisión tiene una fuente autorizada
Arrancar a ciegas
¿Paleta?
¿Qué fuentes?
¿Qué tono?
¿Qué patrón?
Adivinar cada activo desvía de la marca
Huddle Creative · HubSpot brand style guide examples
465

Nunca cambies la fuente de marca por una parecida

Si la tipografía de marca no está licenciada o no se puede embeber para tu medio de salida, no la sustituyas por una del sistema "parecida" por tu cuenta. Un casi-igual desplaza la altura de x, el peso y las formas lo justo para leerse fuera de marca, y falla el preflight si se esperaba la fuente real. Usa el fallback oficial que defina el manual (muchos sistemas nombran un respaldo web-safe o de licencia abierta justo para esto), nunca una elección personal.

Fuente de marca o fallback oficial
Marca
Fuente de marca licenciada, o el fallback que nombra el manual
Las formas quedan en marca y se embeben limpio
Parecida improvisada
Marca
Una del sistema "casi igual": la altura de x y el peso se desvían
Casi no es la marca; se lee como impostor
Responsory brand identity policing · ECB M2 (fuentes embebidas)
466

Limita la pieza a dos familias más una monoespaciada

Usa como máximo 2 familias tipográficas (normalmente una de display/títulos y una de texto) más 1 monoespaciada si hace falta para código o datos, tal como especifique el sistema. Una tercera o cuarta familia aplana la jerarquía y se lee como ruido aunque cada fuente esté aprobada por separado. Saca el contraste de los pesos y tamaños dentro de las dos familias autorizadas, no de sumar más tipografías.

Dos familias + mono
TitularDisplay
Cuerpo de texto legibleTexto
data: 1234Mono
La jerarquía viene del peso y tamaño, no de más fuentes
Cuatro familias
Titular1
Subtítulo2
Cuerpo3
Destacado4
Cada familia extra difumina la jerarquía de marca
HubSpot brand style guide examples · ECB M2 (jerarquía)
467

Quédate dentro de la paleta cerrada del manual

Usa solo la paleta cerrada del manual, típicamente 1-2 primarios, 3-5 secundarios y neutros. Cualquier color fuera de esa lista, incluidos tintes para íconos o gráficas, requiere justificación de dataviz o aprobación explícita, no libertad creativa. Un color fuera de lista en una pieza impresa es la forma más rápida de que se lea como falsa o como una variante no aprobada de la marca.

Paleta cerrada
Primario
Secundario
Neutro
Neutro
Cada tinta rastrea a la lista aprobada
Color fuera de lista
Primario
Secundario
No aprobado
No aprobado
Un tono suelto se lee como variante no aprobada
Responsory brand identity policing · Huddle Creative
468

Respeta la proporción de uso de color del manual

Si el sistema define una proporción de uso, aplícala: una regla común es 60% neutro, 30% primario, 10% acento. Mantener la proporción es lo que hace que la pieza impresa conserve el peso visual de marca en vez de verse sobresaturada, aunque cada color esté técnicamente en paleta. Inundar una página con el primario o el acento rompe el reconocimiento igual que usar el tono equivocado.

60 / 30 / 10
60% 30% 10%
Neutro domina, primario apoya, acento señala
El peso equilibrado se lee inconfundiblemente de marca
Acento inundado
15% 25% 60%
Mismos colores, proporción errónea: la página se sobresatura
En paleta pero desequilibrado igual se ve sin marca
Huddle Creative · classic 60/30/10 brand ratio
469

Traduce el tono de voz a reglas tipográficas concretas

Convierte el tono del manual en decisiones tipográficas en vez de un ambiente vago. Una marca formal se apoya en mayúsculas contenidas, tracking amplio en títulos y cuerpo justificado; una marca cercana se apoya en minúsculas, alineación izquierda y mayor interlineado. Elige un registro del chart de tono y sostenlo en toda la pieza, sin mezclar nunca un titular formal con un cuerpo casual dentro de la misma página.

Un registro sostenido
Formal

El Informe

Mayúsculas contenidas, tracking amplio, cuerpo justificado.

Cercano

hola de nuevo

Minúsculas, alineación izquierda, interlineado generoso.

Cada tono mapea a reglas tipográficas consistentes
Registros mezclados
Título formal + cuerpo casual

EL INFORME

...y luego pues improvisamos el resto, súper relax.

Registros que chocan hacen que el tono se lea confuso
Agency brand voice charts · Huddle Creative
470

Aplica los gráficos de apoyo tal como se especifican

Los patrones, formas de marca, quiebres e iconografía son parte del sistema, no decoración libre. Aplícalos con la opacidad exacta, escala mínima y posición relativa que define el manual, por ejemplo un patrón siempre a sangre en el borde inferior a una opacidad fija. Reusar un elemento de marca a un tamaño, tinte o esquina al azar se lee fuera de marca aunque el elemento en sí sea correcto.

Como define el sistema
Opacidad, escala y posición a sangre inferior fijas
Decoración libre
Tamaño, tinte y ángulo al azar rompen el sistema
Responsory brand identity policing · Huddle Creative
471

Reconcilia el HEX de pantalla con el CMYK de prensa

El HEX de una marca no equivale 1:1 a su CMYK: el mismo azul en pantalla y en papel son dos gamuts distintos. Usa la conversión oficial del manual (o el perfil ICC especificado, ver M3) en vez de dejar que el RIP convierta automáticamente y desvíe el tono. Confiar en la conversión automática es como un azul de marca saturado termina en una versión apagada y violácea en prensa.

Azul de marca en pantalla: HEX #2743DB (sRGB)
Build de prensa del manual: C88 M74 Y0 K0 (FOGRA51)
NO dejes que el RIP adivine el CMYK desde el HEX
Conversión oficial
HEX pantalla
Build CMYK del manual
La conversión gestionada conserva el azul de marca
Auto-conversión del RIP
HEX pantalla
Adivinanza del RIP: apagado y violáceo
La conversión no gestionada desvía el tono de marca
WCAG 2.1 1.4.3 (contraste) · ECB M3 (perfiles ICC / CMYK)
472

Aplica el sistema como familia repetible entre páginas

En piezas multipágina (un informe, un catálogo, una serie de campaña) aplica el sistema de forma jerárquica y repetible: mismo tratamiento de portada, interiores y contraportada en cada pieza de la serie. Headers, footers, folios y retícula consistentes hacen que el conjunto se lea como una familia aunque cambien el contenido o la fecha. Rediseñar cada página desde cero es lo que hace que una "serie" parezca piezas sueltas sin relación.

Una familia
1
2
3
Mismo header, footer y folio: se lee como conjunto
Piezas sueltas
1
El layout cambiante rompe la lectura de familia
HubSpot brand style guide examples · ECB M8 (estructura editorial)
473

En publicidad, prioriza un mensaje sobre efectos de moda

Cuando la pieza es publicitaria (un anuncio, un volante, OOH) mantenla en 1 mensaje más 1 CTA en la paleta y tipografía de marca, sin añadir efectos de moda (gradientes, sombras 3D, glows) que no estén en el sistema. De un vistazo y a distancia, la consistencia se lee más fuerte que la novedad, y un efecto suelto hace que hasta un buen anuncio luzca fuera de marca. Deja que los activos de marca carguen la pieza; no decores encima de ellos.

Un mensaje, un CTA
Llega en 24 horas
Pide ahora
La tipografía y paleta de marca cargan la pieza
Efectos de moda encima
Llega en 24 horas
Pide ahora
+ glow + 3D + gradiente fuera de paleta
Los efectos fuera de sistema entierran marca y mensaje
Responsory brand identity policing · ECB M14 (OOH)
474

Audita la pieza terminada contra un checklist de fidelidad de marca

Antes de enviar a imprenta, pasa la pieza por un checklist de fidelidad de marca: tipografía correcta, paleta correcta, logo correcto (ver S42) y tono correcto. Cualquier desviación deliberada debe ser una excepción aprobada explícitamente, documentada como tal, no un error silencioso dejado en el archivo. Esta pasada final es lo que separa una pieza de verdad en sistema de una que solo se ve parecida.

Verificado y documentado
Tipografía: solo familias aprobadas
Paleta: lista cerrada + proporción
Logo: área y versión (S42)
Tono: un registro sostenido
Desviaciones registradas como excepciones aprobadas
Enviado sin revisar
?Tipografía: nunca verificada
?Paleta: se coló un tono suelto
?Logo: área sin revisar
?Tono: registros mezclados
Errores silenciosos llegan a imprenta como desvío de marca
Responsory brand identity policing · Huddle Creative