Identidad corporativa · Ifergan Gallery
Brief
Ifergan Gallery, galería de arte antiguo, necesitaba una identidad capaz de sostener a la vez la solemnidad de sus piezas y una presencia digital contemporánea. El encargo: construir el sistema de marca completo y documentarlo en un manual operativo para todo el equipo.
Mi papel
Dirección de arte y diseño: versiones de la marca, sistema tipográfico y de color, normas de uso y montaje del manual en Frontify, redactado en inglés para el uso internacional del equipo.
El manual
Lo que sigue reproduce el manual tal y como se planteó: misma estructura, mismos contenidos, traducido al español: la marca gráfica, la tipografía y la paleta de color. El manual completo añade fotografía, vídeo, redes sociales, catálogos y co-branding.
Marca gráfica
La marca dispone de varias versiones: la horizontal, la vertical, el logotipo y el icono. Sea cual sea el tamaño, el formato o el soporte de la pieza, el sistema tiene una respuesta prevista.
La marca horizontal
Es el logotipo principal oficial de Ifergan Gallery: la versión de referencia para materiales y puntos de contacto externos.
Nota: el icono del león, en la versión en blanco, puede usarse en blanco o en su color original.
La marca vertical
Se reserva para usos promocionales, sobre todo impresos. En digital debe ir centrada, igual que el resto de los elementos de la composición.
El logotipo
El logotipo no se usa de forma aislada. La única excepción: cuando la altura del lienzo no permite el tamaño mínimo de impresión de la marca principal (2,5 mm para el texto ancient art). Para esos casos existe una versión con el interletrado ajustado a cuerpos muy pequeños.
El icono
El león es el activo más reconocible de la marca: ideal para piezas exentas como los avatares de redes o el material impreso pequeño. Idealmente acompaña a la tipografía, pero puede ir solo cuando el contexto deja claro que se trata de Ifergan: cajas de envío, bolsas, iconos digitales.
Espacio de respeto
La marca necesita aire para respirar y hacerse notar. El espacio mínimo absoluto equivale al ancho del león a los lados, y a su altura por arriba y por abajo. La distancia entre el león y el logotipo equivale a la G mayúscula de Gallery.
Nota: el tamaño mínimo de impresión de la marca es de 2,5 mm de altura para el texto ancient art; el resto debe mantenerse proporcional a ese mínimo.
Usos incorrectos
El logotipo se usa siempre de forma consistente: no se abre a interpretación ni se le añade nada.
Colocación en composiciones
Sea cual sea el tamaño de la pieza, la marca solo se coloca en dos posiciones. La principal es la esquina inferior izquierda: allí no interfiere con el titular de la cabecera y, como la marca horizontal concentra su peso visual a la izquierda, la composición queda más equilibrada.
Nota: al colocar la marca en una esquina, respetar siempre su zona de exclusión.
Comportamiento
En animación, la marca entra con una curva que arranca despacio, acelera y vuelve a frenar. Duración máxima: 3 segundos; mínima: 0,9. Siempre con entrada y salida suaves, ajustando la duración al contexto de la pieza.
Tipografía
La tipografía es pura imagen; pero, más allá de la estética, debe medirse con una vara utilitaria. Por eso el sistema mezcla serif y sans serif, con un criterio a la vez pragmático y estético.
Familias tipográficas
Tres familias conviven en el sistema: Playfair Display viste los titulares, Montserrat resuelve el cuerpo digital y Lato acompaña en los rótulos de apoyo.
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css">font-family: "Playfair Display", sans-serif;abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">font-family: "Montserrat", sans-serif;abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">font-family: "Lato", sans-serif;Familias alternativas
Cuando las principales no están disponibles (plantillas de ofimática, firmas de correo, entornos de terceros) se sustituyen por estas equivalentes de disponibilidad universal.
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=GFS+Didot" rel="stylesheet" type="text/css">font-family: "GFS Didot", sans-serif;abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro" rel="stylesheet" type="text/css">font-family: "Source Serif Pro", sans-serif;abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">font-family: "Roboto", sans-serif;abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Uso
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet" type="text/css">font-family: "Inter", sans-serif;Combinación de titulares
Los titulares combinan la sans y la serif dentro de la misma frase: la sans ordena el mensaje y la serif, en ocre, subraya lo que importa.
Comportamiento
En movimiento, la tipografía respeta la misma curva que la marca: fundidos y desplazamientos suaves, sin efectos que compitan con el mensaje.
Paleta de color
Colores primarios
La paleta primaria es el núcleo de la identidad visual: la referencia para cualquier aplicación de marca: material impreso, iconos web, prensa. Es esencial no desviarse de este conjunto ni crear matices derivados de estos valores.
RGB208, 168, 86
CMYK0, 19, 59, 18
RGB0, 0, 0
CMYK0, 0, 0, 100
RGB82, 66, 33
CMYK0, 20, 60, 68
RGB26, 26, 26
CMYK0, 0, 0, 47
RGB179, 179, 179
CMYK0, 0, 0, 30
RGB207, 207, 207
CMYK0, 0, 0, 19
RGB232, 232, 232
CMYK0, 0, 0, 9
RGB255, 255, 255
CMYK0, 0, 0, 0
Nota: el ocre es el color principal de la marca, pero no el más dominante al aplicarla. La identidad se apoya en grandes espacios de color oscuro, sobre todo en fondos, y es una cuestión de equilibrio y contraste: el ocre funciona como acento, reservado a los elementos de mayor prioridad en la jerarquía. Por ejemplo, en cualquier entorno digital es el color de los CTA más importantes.
Paleta secundaria
La paleta secundaria desarrolla tres derivas a partir del ocre principal: colores elegidos para complementar, contrastar y destacar funciones digitales o impresas. Conviven con los primarios sin robarle protagonismo al color de la marca: cualquier tono de los tres grupos puede aplicarse en mayor proporción, pero el ocre de Ifergan será siempre el matiz más vibrante de la pieza.
Nota: nunca usar un color secundario como fondo. Los fondos son blancos o predominantemente oscuros, simulando un modo noche. Los complementarios divididos se reservan para resaltados puntuales donde haga falta contraste.
RGB222, 138, 80
CMYK0, 38, 64, 13
RGB232, 166, 84
CMYK0, 28, 64, 9
RGB232, 198, 84
CMYK0, 15, 64, 9
RGB222, 203, 80
CMYK0, 9, 64, 13
RGB133, 102, 41
CMYK0, 23, 69, 48
RGB107, 209, 160
CMYK49, 0, 23, 18
RGB163, 65, 209
CMYK22, 69, 0, 18
RGB105, 48, 133
CMYK21, 64, 0, 48
RGB209, 194, 96
CMYK0, 7, 54, 18
RGB107, 201, 209
CMYK49, 4, 0, 18
RGB84, 65, 209
CMYK60, 69, 0, 18
RGB209, 130, 75
CMYK0, 38, 64, 18
Colores de interfaz
Los colores de interfaz derivan de los principales y los secundarios: representan geométricamente la unión entre la formalidad de unos y la vibración de otros. Se usan con moderación, rara vez para realzar una figura, y siempre como complemento del resto de categorías.
RGB209, 161, 65
CMYK0, 23, 69, 18
RGB113, 209, 107
CMYK46, 0, 49, 18
RGB65, 122, 209
CMYK69, 42, 0, 18
RGB209, 75, 154
CMYK0, 64, 26, 18
Resultado
El manual dio al grupo una marca operable por cualquiera sin pasar por diseño: cada versión, color y tipografía tiene norma escrita, y el sistema sigue en uso sin retoques desde 2022.