Un logo se aprueba como un único dibujo, y después tiene que caber en la cabecera de una web, en un avatar cuadrado, en una pestaña del navegador de 16 píxeles, en una gorra bordada y sobre una foto oscura. Un solo archivo no puede con todo eso, así que cada identidad se entrega como una pequeña familia de variaciones. Si entregas pocas, el cliente mete el logo completo en un avatar; si entregas demasiadas, elige al azar. Esta guía repasa cada variación y dónde se usa, cuántas necesita un cliente, cómo nombrarlas y documentarlas, y los errores más habituales.
Los tipos de variaciones de logo
Las variaciones de un logo se ordenan en dos ejes: la forma, es decir, qué elementos aparecen y cómo se disponen, y la versión de color. Cada forma existe en cada versión de color, así que el número de archivos crece deprisa.
| Variación | Qué es | Dónde se usa |
|---|---|---|
| Logo principal | La composición completa, normalmente símbolo y nombre, tal como se aprobó | Por defecto donde quepa: cabecera de la web, señalética, papel de carta, packaging |
| Versión horizontal | El símbolo al lado del nombre, ancha y baja | Cabeceras web, firmas de correo, franjas estrechas |
| Versión apilada | El símbolo encima del nombre, casi cuadrada | Publicaciones en redes, frontales de packaging, merchandising, carteles |
| Símbolo (isotipo) | El símbolo solo | Avatares en redes, iconos de app, patrones, relieves, espacios pequeños |
| Logotipo | El nombre con su rotulación, sin el símbolo | Pies de página, franjas de socios, bolígrafos, merchandising pequeño |
| Submark | Un signo secundario compacto: iniciales, un monograma o un sello | Pegatinas, sellos de caucho, precintos, detalles de packaging |
| Favicon e icono de app | El símbolo simplificado para tamaños fijos en píxeles, sobre un cuadrado | Pestañas del navegador, marcadores, pantallas de inicio, tiendas de apps |
| A color | El logo con sus colores de marca | Fondos claros, en pantalla y en impresión en cuatricromía |
| A una tinta | Todo el logo en un solo color de marca o una tinta directa | Serigrafía, bordado, estampación en caliente, grabado |
| Negro | El logo en negro sólido | Impresión en blanco y negro, formularios, facturas |
| Blanco (negativo) | El logo en blanco | Fondos oscuros, fotografías, fondos del color de marca |
| Versión para tamaños pequeños | Una versión simplificada o redibujada para aguantar en pequeño | Por debajo del tamaño mínimo del logo principal, hasta el favicon |
Cuando el logo principal une un símbolo y un nombre que pueden separarse, se suele llamar imagotipo, y casi siempre es la versión horizontal o la apilada.
Logo principal y logo secundario
El logo principal
El logo principal es la versión con la que se aprobó la marca y la primera a la que hay que recurrir. El manual de marca debe decirlo con claridad: usa el logo principal siempre que quepa a su tamaño mínimo o por encima, y pasa a otra variación solo cuando no quepa. Esa sola regla elimina casi todas las dudas.
Versiones secundarias
Un logo secundario es el mismo símbolo y el mismo nombre reorganizados para un espacio de otra forma. Si el principal es horizontal, el secundario suele ser apilado, y al revés: horizontal para cabeceras y firmas de correo, apilado para publicaciones en redes, frontales de caja y bolsas de tela.
Una versión secundaria no es un rediseño. Mantén el mismo símbolo y la misma rotulación; solo cambian la disposición y la separación, y esa separación se define como la zona de protección, como una fracción del símbolo. Si la versión apilada necesita otra proporción entre símbolo y nombre, fíjala una vez en el archivo maestro y no la reconstruyas nunca a ojo.
Símbolo, logotipo, submark y favicon
Símbolo
El símbolo, o isotipo, representa la marca donde el nombre no cabe o ya está presente: un avatar de perfil, un icono de app, un patrón, un relieve en seco. Un símbolo nuevo puede no reconocerse todavía por sí solo, así que indica dónde puede ir solo y dónde el nombre debe estar cerca.
Logotipo
El logotipo es el nombre con su rotulación, y se usa donde el símbolo sería redundante o demasiado pequeño para leerse: pies de página, franjas de socios, un bolígrafo. Las identidades que solo tienen logotipo suelen usar una inicial o un monograma como versión compacta.
Submark
El submark es un signo secundario compacto: unas iniciales, un monograma, un sello circular construido con el nombre. Encaja en hostelería, moda y pequeñas marcas de producto que imprimen pegatinas, sellos y etiquetas. Si el cliente no tiene dónde usarlo, no lo inventes.
Favicon e icono de app
El favicon y los iconos de app salen del símbolo, pero siguen tamaños fijos en píxeles: 16, 32 y 48 px en el favicon.ico, un favicon SVG, un Apple touch icon de 180 px, y iconos de 192 y 512 px para el manifiesto de la web app. A 16 px la mayoría de los símbolos pierden detalle y necesitan un dibujo simplificado. Los iconos de app son cuadrados completos que la plataforma recorta con su propia forma, así que el símbolo necesita margen y un fondo opaco.
Versiones de color y tamaños pequeños
A color, a una tinta, en negro y en blanco
La versión a color es la predeterminada sobre fondos claros. La versión a una tinta es para los procesos que aplican una sola tinta, como la serigrafía, el bordado, la estampación en caliente o el grabado; especifícala como tinta directa si la marca tiene una. El negro cubre la impresión en blanco y negro y cualquier lugar donde no se permita el color. El blanco, también llamado versión en negativo, es para fondos oscuros y fotografías.
Las versiones planas importan sobre todo en logos con degradados o colores superpuestos: si no las dibujas tú, las dibujará un proveedor, y mal, la primera vez que haya que bordar el logo.
Logos responsive y versiones para tamaños pequeños
Por debajo de cierto ancho, el logo completo deja de leerse. Un sistema de logo responsive responde por etapas: el logo completo cuando hay sitio, luego una versión más corta o el logotipo, después el símbolo y por último el favicon. Una versión para tamaños pequeños responde de otra manera: conserva los mismos elementos y los redibuja con trazos más gruesos y contraformas más abiertas. En ambos casos, escribe los puntos de cambio, por ejemplo "por debajo de 30 mm, usa el símbolo", y básalos en pruebas y no en la costumbre; tamaño mínimo del logo explica cómo encontrarlos.
Cuántas variaciones de logo necesita un cliente
La respuesta depende de cuántas personas van a colocar el logo y en cuántos tipos de espacio, no del tamaño del proyecto.
| Cliente pequeño | Cliente más grande | |
|---|---|---|
| Formas | Logo principal, símbolo, logotipo | Logo principal, versiones horizontal y apilada, símbolo, logotipo, a menudo un submark |
| Versiones de color | A color, negro, blanco | A color, a una tinta con referencias de tinta directa, negro, blanco |
| Tamaños pequeños | Juego de favicons a partir del símbolo | Versiones para tamaños pequeños, una secuencia responsive, favicons e iconos de app |
| Extras | Ninguno | Versiones de co-branding, versiones de submarcas, un logo animado |
Para una cafetería, un consultor o una tienda independiente, tres formas en tres versiones de color, nueve piezas más el juego de favicons, cubren los próximos años. Añade una versión secundaria solo cuando el principal sea claramente ancho o alto y el cliente tenga un uso concreto para la otra forma, como publicaciones cuadradas en redes para un logo horizontal largo.
Un cliente más grande, con equipo de marketing, agencias y proveedores, necesita más, porque más personas colocan el logo sin ti. Aun así, cada variación debe ganarse una línea en la columna "Dónde se usa" de la primera tabla; si no puedes escribir esa línea, elimina la variación.
Cómo nombrar y documentar las variaciones de logo
Nombrar
Elige una palabra para cada variación y úsala en todas partes: mesas de trabajo, archivos, carpetas y manual de marca. Si el manual dice "blanco", el archivo no dice "negativo" ni la carpeta "calado". Un patrón fiable es marca, forma, color: acme-logomark-white.svg, acme-logo-stacked-black.pdf. Nombra así las mesas de trabajo y las exportaciones llevarán los nombres correctos.
Documentar
El manual de marca necesita una sección de variaciones del logo que muestre cada versión por separado, con su nombre, su uso y su tamaño mínimo, seguida de las versiones de color sobre los fondos para los que están pensadas. Añade un orden de preferencia, el principal primero, para que el lector sepa qué probar cuando la primera opción no quepa. Da a cada forma su propia zona de protección, ya que una versión apilada y un símbolo no tienen las mismas proporciones; zona de protección del logo en Illustrator explica cómo medirla. Para el resto del documento, consulta qué incluir en un manual de marca.
Errores habituales con las variaciones de logo
Demasiadas composiciones
Seis disposiciones del mismo logo parecen exhaustivas en una presentación y producen incoherencia en el uso, porque el cliente usa el archivo que tenga abierto. Menos variaciones, cada una con un uso claro, se aplican con más coherencia.
Una versión apilada que nunca se usa
Las versiones apiladas a menudo se dibujan porque una plantilla tiene un hueco para ellas. Si los soportes del cliente son la cabecera de una web, las facturas y el rótulo de la tienda, la versión apilada no saldrá nunca de la carpeta. Comprueba dónde va a aparecer el logo antes de añadir una forma.
Una versión en blanco nunca probada sobre fondo oscuro
Pasar todos los rellenos a blanco no produce una versión en negativo. Las formas que eran blancas dentro de la versión a color, por ejemplo una letra calada en un círculo, se convierten en una mancha sólida si no se calan a transparente. Además, los trazos finos se ven más finos en claro sobre oscuro. Coloca la versión en blanco sobre el color más oscuro de la paleta, sobre negro y sobre una foto cargada antes de entregarla, y corrige el dibujo si falla.
Ninguna regla sobre qué versión va sobre cada color
La versión a color sobre un color de marca de tono medio suele fallar en contraste. Indica qué versión va sobre cada color de la paleta, y muéstralo.
Preguntas
¿Cuáles son los principales tipos de variaciones de logo?
El logo principal, las versiones secundarias (horizontal o apilada), el símbolo, el logotipo, un submark opcional y el favicon o icono de app. Cada forma existe después a color, a una tinta, en negro y en blanco, y la mayoría de las marcas necesitan además una regla para tamaños pequeños.
¿Qué diferencia hay entre logo principal y logo secundario?
El logo principal es la versión por defecto, la que se usa siempre que cabe. El logo secundario es el mismo símbolo y el mismo nombre reorganizados para otro espacio, normalmente apilado cuando el principal es horizontal, o al revés. No es otro diseño.
¿Cuántas versiones de un logo necesita una marca?
Un cliente pequeño suele necesitar tres formas, el logo principal, el símbolo y el logotipo, cada una a color, en negro y en blanco, más un juego de favicons. Las organizaciones más grandes añaden versiones secundarias, versiones a una tinta en tinta directa, versiones para tamaños pequeños y versiones de co-branding, cada una con un uso declarado.
¿Un logo en negativo es lo mismo que un logo en blanco?
En la mayoría de los manuales, sí: la versión en negativo es la versión en blanco que se usa sobre fondos oscuros. Algunas marcas tienen también una versión en negativo a color, en la que solo los elementos oscuros pasan a blanco. Elijas el término que elijas, úsalo de forma coherente.
Genera y documenta las variaciones con Anchr Tools
Anchr Ship produce las versiones de color de las tres formas básicas. Vincula las mesas de trabajo del logomark, el logotipo y el logo completo, y genera variantes planas en negro y en blanco como nuevas mesas de trabajo, sin tocar los originales; después exporta cada mesa de trabajo como SVG, PNG a 2x con transparencia, PDF y un PDF/X-1a en CMYK listo para imprenta. Los archivos se nombran en minúsculas (logomark-black.svg) y se ordenan en un árbol de carpetas numerado por forma, soporte y color. Si se lo pides, añade favicons e iconos de app a partir del logomark, e imágenes para redes sociales, entre ellas una foto de perfil de 400 x 400. Las versiones secundarias, los submarks, las versiones en tinta directa y las versiones redibujadas para tamaños pequeños siguen siendo cosa tuya; Ship no produce archivos Pantone.
Anchr Guide las documenta. Lee el logomark, el logotipo y el logo completo del archivo abierto y rellena un manual de marca en PDF; su plantilla Folio, de 12 páginas, tiene una página de versiones del logo (logomark, logotipo, negro, blanco), una página del logo sobre color, una página de zona de protección y una página de tamaño mínimo con el tamaño de cada versión en mm para impresión y en px para pantalla. Anchr Portal publica después los archivos del logo para fondos claros y oscuros en una página alojada que el cliente abre con un solo enlace.
Para sacar rápido un juego de favicons y una foto de perfil de 1000 px a partir de un solo archivo, la herramienta gratuita para redimensionar un logo funciona en el navegador y nunca sube el logo. Los dos planes incluyen las cinco herramientas: Per brand a 49 USD al año con una prueba de 7 días, Studio a 199 USD al año con una prueba de 14 días; consulta los precios.