Logo horizontal, vertical e icono: prepara un sistema de variantes
Guía práctica para preparar variantes esenciales de logo: horizontal, vertical, icono, monocromo, reglas de uso y entregables.
Logo horizontal, vertical e icono: prepara un sistema de variantes
Un único archivo de logo casi nunca basta. Una identidad actual necesita versión horizontal, versión vertical, icono, opciones monocromas y reglas de uso para seguir siendo legible en una web, una factura, un avatar social, un rótulo, una etiqueta o un soporte impreso. Esta guía explica cómo preparar un sistema práctico de variantes sin convertir una marca en varias identidades distintas.
Qué es una variante de logo
Una variante de logo es una versión oficial de la misma identidad diseñada para un contexto concreto. No cambia la idea de marca. Cambia la organización de los elementos para que el logo funcione en un espacio ancho, cuadrado, estrecho, oscuro, claro, grande o muy pequeño. En diseño se usa a menudo la palabra lockup para describir la composición fija del símbolo, el logotipo tipográfico y, a veces, una frase de apoyo.
Las guías de marca actuales describen cada vez más los logos como sistemas, no como imágenes únicas. Responsive.io documenta, por ejemplo, logo completo, icono, versiones claras y oscuras, versiones a un color, composiciones horizontales y verticales, además de espacio de seguridad. Akrivi define el lockup como una disposición fija de elementos de marca y subraya que equilibrio, espaciado y escala protegen coherencia y legibilidad. La lección práctica es clara: un logo debe pensarse para producción real, no solo para una maqueta bonita.
Muchas empresas descubren el problema tarde. El logo se ve bien en una propuesta, pero resulta demasiado largo para una foto de perfil, demasiado detallado para un favicon, demasiado colorido para bordado o con poco contraste sobre fondo oscuro. Un sistema de variantes evita esos arreglos urgentes. En vez de estirar o recortar el archivo principal, cada persona puede elegir la versión prevista para cada caso.
Las versiones esenciales de un sistema de logo
1. Logo horizontal
La versión horizontal suele ser la principal para webs, presupuestos, firmas de correo, presentaciones y cabeceras. Vive en una zona ancha y de poca altura. Cuando el logo combina símbolo y nombre, el símbolo suele colocarse al lado del texto. Esta versión debe seguir siendo legible con poca altura, porque una barra de navegación puede mostrarla con muy pocos píxeles.
2. Logo vertical o apilado
La versión vertical organiza los elementos en un formato más compacto, cercano al cuadrado. Sirve para portadas de documentos, carteles, adhesivos, packaging, placas y composiciones centradas. No conviene crearla rompiendo al azar el logo horizontal. Espaciado, alineación óptica y proporción entre símbolo y texto necesitan ajuste deliberado.
3. Icono o símbolo solo
El icono se usa para favicons, avatares, pequeñas pastillas, marcas de agua y puntos de contacto donde el nombre completo sería ilegible. Debe reconocerse sin el texto. Para una empresa nueva, conviene introducirlo con cuidado: usarlo en espacios pequeños, pero mantener el logo completo en contextos de alta visibilidad hasta que el signo gane familiaridad. Nuestra guía de logo mobile-first profundiza en este reto de pantallas pequeñas.
4. Logotipo tipográfico solo
El logotipo tipográfico expresa el nombre con una forma de letra propia. Puede ser útil cuando el símbolo añade demasiado ruido visual, por ejemplo en una lista de partners, un pie de página, una portada de contrato o un documento administrativo. Si el nombre de marca es fuerte, esta versión puede aportar mucha claridad.
5. Versiones a un color e invertidas
Un sistema serio incluye al menos una versión negra, una versión blanca y, en ocasiones, una versión con un único color de marca. Es la prueba de resistencia de la identidad. Si el signo solo funciona con degradados, transparencias o detalles mínimos de color, sufrirá en sellos, bordados, corte láser, fotocopias o impresión económica. Las versiones monocromas no empobrecen la marca; la hacen utilizable.
Qué versión usar en cada soporte
Empieza por la forma del espacio disponible. Una cabecera web, una firma de correo o un banner suele pedir la versión horizontal. Una foto de perfil, un favicon, una etiqueta o una tarjeta cuadrada suelen pedir el icono o la versión vertical. La señalética puede requerir ambas: horizontal para una fachada larga, vertical para una placa estrecha o un stand.
Después considera la distancia de lectura. Un logo en móvil debe reconocerse al instante. Una tarjeta de visita admite más detalle, pero no hasta perder contraste. Textil, packaging y objetos promocionales son menos tolerantes: líneas finas, texto diminuto, transparencias y degradados sutiles pueden fallar en producción. Nuestro artículo sobre archivos de logo para soportes impresos explica por qué las restricciones técnicas influyen en la preparación.
El color de fondo también cuenta. Una versión pensada para fondo blanco puede desaparecer sobre una foto. Una versión blanca puede funcionar en un panel azul oscuro, pero perderse en un gris claro. Una mini guía de marca útil debe mostrar usos aprobados sobre fondo claro, fondo oscuro y, si aplica, fotografía.
Recuerda además los recortes automáticos. Algunas plataformas convierten el avatar en círculo, cuadrado redondeado o zona segura más pequeña que la imagen subida. Si el icono toca el borde, puede quedar cortado. Las exportaciones buenas incluyen aire alrededor del símbolo y no lo pegan al borde del PNG.
Reglas que mantienen coherente la identidad
Más versiones no deben significar más logos. La coherencia nace de formas estables, tipografía, color y proporción. El símbolo no debería redibujarse de una versión a otra. La tipografía debe conservar la misma personalidad. Los colores oficiales deben respetarse, salvo en variantes monocromas previstas. Los espaciados deben seguir una lógica visible.
El espacio de seguridad es una de las reglas más útiles. Define el área mínima alrededor del logo para que texto, fotos o bordes de página no lo ahoguen. Muchas guías usan una unidad interna, como la altura de una letra, el ancho del icono o una parte del símbolo. La unidad exacta importa menos que escribir la regla y aplicarla en cada versión.
El tamaño mínimo es igual de importante. Un signo puede verse elegante en una maqueta grande y fallar con 18 píxeles de alto. Define una talla mínima digital y una talla mínima para impresión. Cuando la versión completa deje de leerse, cambia al icono o a una versión simplificada en vez de forzar el logo principal.
También conviene documentar lo prohibido. No estirar el logo. No rotarlo. No añadir sombras o contornos. No inventar un color. No mover el texto a mano. Estas reglas no son burocracia; protegen la marca frente a la erosión lenta que generan muchos documentos pequeños.
Qué archivos pedir
Pide un kit organizado, no una carpeta llena de nombres misteriosos. Un conjunto práctico puede incluir: logo horizontal en SVG, PDF vectorial y PNG transparente; logo vertical en los mismos formatos; icono solo en SVG y PNG; versiones negra y blanca; exportaciones para favicon y redes sociales; una breve guía PDF con reglas de uso. Los nombres deben ser explícitos, por ejemplo marca-logo-horizontal-color.svg o marca-icono-blanco.png.
Los archivos vectoriales deben ser la fuente maestra de las versiones importantes. SVG funciona muy bien para web. PDF o AI pueden servir para impresión y producción. Los PNG son cómodos en el día a día, pero no sustituyen al vector. Si necesitas contexto adicional, nuestra guía PNG, SVG o AI explica las diferencias.
Al preparar un brief en Wilogo, indica dónde aparecerá el logo: web, redes sociales, facturas, rótulos, vehículo, packaging, textil, marketplace, aplicación o plantillas de presentación. Cuanto más claro sea el contexto, más útil será el sistema de variantes. Puedes empezar aquí: crear un brief de logo en Wilogo.
Checklist antes de aprobar variantes
- La versión horizontal se lee bien en una cabecera web.
- La versión vertical encaja en un cuadrado sin verse comprimida.
- El icono solo se reconoce en tamaño pequeño.
- Las versiones negra y blanca mantienen la personalidad de marca.
- Hay archivos vectoriales para cada versión importante.
- Espacio de seguridad y tamaños mínimos están documentados.
- Los nombres de archivo ayudan a elegir sin adivinar.
- El sistema encaja con una estrategia de logo responsive.
FAQ
¿Siempre hacen falta versiones horizontal y vertical?
En la mayoría de casos, sí. Una puede ser principal, pero la otra evita estiramientos y recortes extraños cuando cambia la forma del soporte.
¿Una marca nueva puede usar el icono solo?
Sí, con cuidado. Úsalo donde el espacio sea limitado y conserva el logo completo en contextos importantes hasta que el símbolo gane reconocimiento.
¿Cuántos archivos debe tener un kit de logo?
Un kit realista suele contener entre 20 y 40 archivos, porque cada versión existe en varios formatos y colores. La organización importa más que la cantidad.
¿Una variante puede cambiar colores?
Puede usar colores monocromos o invertidos aprobados. Colores improvisados para cada soporte debilitan rápido el reconocimiento.
¿Qué versión conviene en redes sociales?
Para avatar, usa el icono o una versión vertical simple. Para banners y piezas visuales, la versión horizontal o el logotipo tipográfico pueden funcionar mejor.
Crea un logo preparado para usos reales
¿Necesitas un logo con variantes útiles desde el inicio? Describe soportes, restricciones y estilo deseado en un brief Wilogo para construir una identidad flexible y legible.


