IDENTIDAD VISUAL / IMAGOTIPO
El imagotipo
El imagotipo de Atrys se compone a partir de la palabra “atrys” y un símbolo (el isotipo).
Mantiene una distribución de “símbolo + palabra”, estando centrados verticalmente el uno de la otra.
Esta distribución que une ambos elementos facilita la reproductibilidad del imagotipo a pequeña escala y reduce al mínimo el espacio que requiere el imagotipo.
La fuente utilizada en el imagotipo de Atrys es Archivo Medium, la tipografía corporativa de la marca ligeramente editada para optimizar la composición.
Descargar
Usos correctos
El imagotipo de Atrys es el principal elemento diferenciador de la marca y siempre se utiliza en su conjunto (símbolo+palabra). Se puede y se debe usar en todas las comunicaciones de Atrys, tanto internas como externas.
A continuación detallamos los usos de color adecuados para implementar el imagotipo.
Aplicación básica del imagotipo en azul sobre fondo blanco.
Aplicación básica del imagotipo en negro sobre fondo blanco.
Aplicación básica del imagotipo sobre fondo azul corporativo.
Aplicación básica del imagotipo en blanco sobre fondo negro.
Aplicación básica del imagotipo en azul corporativo sobre imagen con fondo claro.
Aplicación básica del imagotipo en blanco sobre imagen con fondo oscuro.
Usos incorrectos
Cuando estamos haciendo uso del imagotipo de Atrys, no podemos utilizar la palabra sola. Ésta siempre va acompañada del símbolo. Únicamente en el isotipo podemos utilizar el símbolo solo.
A continuación detallamos los usos de color incorrectos para implementar el imagotipo.
El imagotipo nunca se reproducirá en negro sobre fondo azul corporativo, en su lugar usaremos blanco.
El imagotipo nunca se reproducirá en azul corporativo sobre fondo negro, en su lugar usaremos blanco.
El imagotipo se reproducirá siempre usando un solo tono.
El imagotipo nunca se reproducirá usando colores que no sean corporativos.
Aquí se muestra un mal ejemplo del imagotipo en color corporativo aplicado sobre una imagen que dificulta su legibilidad. En este caso se usará blanco para el imagotipo.
Aquí se muestra un mal ejemplo del imagotipo en blanco aplicado sobre una imagen que dificulta su legibilidad. En este caso se usará azul para el imagotipo.
Área de seguridad y tamaño mínimo
Lorem ipsum dolor.
Lorem ipsum dolor.
IDENTIDAD VISUAL / IMAGOTIPO CON BASELINE
El imagotipo con baseline
El imagotipo de Atrys también se utiliza con el baseline corporativo. Éste siempre se escribe en inglés indiferentemente del país donde estemos utilizando la marca.
El baseline se distribuye en dos líneas alineadas a la derecha entre sí y con el imagotipo. La primera línea es igual de ancha que el imagotipo. Los espaciados de las letras están del baseline están ligeramente ajustados para que la composición encaje mejor.
La fuente utilizada en el baseline de Atrys es Post Grotesk (Regular), tipografía únicamente utilizada en el baseline y en las declinaciones.
Descargar
Usos correctos
El uso del imagotipo de Atrys con baseline se antepondrá al uso del imagotipo sin baseline en aquellas comunicaciones donde interese dar una definición formal de la empresa. Ya sea porque el público que recibe la comunicación no conoce Atrys o porque se quiere dar una imagen más corporativista.
Por ejemplo, en ciertos materiales corporativos de ventas, donde las personas que lo reciben no tienen porqué conocer a la empresa. O, por otro lado, en ciertos materiales de onboarding, como un email de bienvenida, para que los nuevos integrantes del equipo conozcan la definición formal de Atrys.
También hay que tener en cuenta que en una misma comunicación se puede utilizar el imagotipo con y sin baseline. Por ejemplo, en un flyer para una feria, podemos utilizar el imagotipo con claim en la cara y sin claim en el dorso.
El baseline siempre tendrá el mismo color que el imagotipo, es decir, azul corporativo, blanco o negro.
Los usos de color adecuados para implementar el imagotipo con baseline son los mismos que para implementar el imagotipo sin baseline. Lo puedes consultar aquí.
Usos incorrectos
No se recomienda hacer uso del imagotipo con baseline en todos aquellos materiales estacionarios (como el material de oficina) o aplicaciones atemporales (como vinilos y rótulos en los centros) dado que el baseline es un elemento de la identidad de Atrys que puede ir cambiando a lo largo del tiempo.
Tampoco es necesario utilizar el imagotipo con baseline en aquellas comunicaciones del día a día donde sabemos que el usuario que las recibe conoce la marca porque ya ha tenido contacto con elementos corporativos de ésta anteriormente.
En ningún caso se puede mostrar el baseline alterado a nivel de contenido o de maquetación. Tampoco se podrá utilizar en otros idiomas que no sean el inglés.
Los usos de color inadecuados para implementar el imagotipo con baseline son los mismos que para implementar el imagotipo sin baseline. Lo pudes consultar aquí.
El anterior baseline de Atrys “Medicina de precisión para las personas” ya no se puede utilizar.
El baseline y el imagotipo no pueden ser de diferente color.
Área de seguridad y tamaño mínimo
Lorem ipsum dolor.
Para evitar problemas de legibilidad cuando utilicemos el imagotipo con baseline, el tamaño mínimo son 40mm de ancho.
IDENTIDAD VISUAL / DECLINACIONES DEL IMAGOTIPO
Las declinaciones del imagotipo
Para las diferentes áreas de actuación de la compañía, también se puede utilizar el imagotipo declinado. Es decir, con el correspondiente “apellido” que define el área.
La declinación se ubica debajo del imagotipo y se alinea a la derecha de éste. Normalmente se encuentra en una única línea. Pero si el ancho de la declinación supera el ancho del imagotipo, va en dos líneas.
La fuente utilizada para escribir la declinación es Post Grotesk (Medium), tipografía únicamente utilizada en las declinaciones y el baseline.
Actualmente existen las siguientes declinaciones y se escriben en el idioma oficial de cada país en el que se utilizan:
Descargar
Usos correctos
El uso del imagotipo declinado se antepondrá al uso del imagotipo sin declinar en aquellas comunicaciones y/o aplicaciones exclusivas a un área de actuación en concreto. Por ejemplo, en la rotulación de aquellos centros que tengan un uso concreto para un área en concreto. En cualquier caso debe ayudar al usuario/paciente a sentirse mejor ubicado.
También hay que tener en cuenta que en una misma comunicación se puede utilizar el imagotipo con y sin declinación. Por ejemplo, en un material promocional del área de oncología, pueden coexistir el imagotipo declinado y el imagotipo sin declinar (con o sin baseline). La declinación siempre tendrá un color de la paleta corporativa asociado. Esto no significa que dicho color sea el único que se pueda utilizar en aplicaciones donde esté el imagotipo declinado. Aunque no sea lo preferible, se puede usar el logotipo declinado en negativo, es decir, completamente en blanco cuando el fondo sea oscuro.
Ejemplo uso imagotipo declinado
Imagotipo declinado en negativo.
Ejemplo uso imagotipo declinado
Usos incorrectos
No se puede alterar la composición de los imagotipos declinados ni utilizar otra tipografía que no sea Post Grotesk Medium. No se pueden repetir colores corporativos en las diferentes declinaciones. Si es necesario el equipo de marca puede añadir un color nuevo a la paleta.
Aunque en negativo sí que se puede utilizar el logo declinado completamente en blanco, cuando usemos color, la declinación no podrá estar en color azul corporativo como el imagotipo.
El anterior baseline de Atrys “Medicina de precisión para las personas” ya no se puede utilizar.
El baseline y el imagotipo no pueden ser de diferente color.
El anterior baseline de Atrys “Medicina de precisión para las personas” ya no se puede utilizar.
Composición, área de seguridad y tamaño mínimo
Partiendo de un ancho de 40mm en el imagotipo, la base de la declinación se ubica a 5,5 mm de la base del símbolo. Según estas proporciones, el tamaño e interlineado de la fuente de la declinación es de 13,5 pt (mac).
Para evitar problemas de legibilidad cuando utilicemos el imagotipo con baseline, el tamaño mínimo son 40mm de ancho.
Partiendo de un ancho de 40mm en el imagotipo, la base de la declinación se ubica a 5,5 mm de la base del símbolo. Según estas proporciones, el tamaño e interlineado de la fuente de la declinación es de 13,5 pt (mac).
IDENTIDAD VISUAL / CONVIVENCIAS
Imagotipo en convivencia
En colaboraciones con otras empresas externas donde Atrys tenga la oportunidad de diseñar el material gráfico, aplicaremos un separador que servirá de nexo entre ambos logotipos. Este separador siempre es de color azul corporativo.
Descargar
Composición
Partiendo de un ancho de 40mm en el imagotipo de Atrys, la altura y grosor del separador es de 23 mm y 1 pt respectivamente. El espaciado entre las marcas y el separador corresponde al ancho del isotipo.
IDENTIDAD VISUAL / ISOTIPO
El isotipo
El isotipo de Atrys es uno de los elementos que forman el imagotipo, en concreto, el símbolo que encabeza el imagotipo.
Se compone de cuatro formas iguales que generan una composición simétrica en forma de cuadrado con rotación de 45º.
Descargar
Usos correctos
Por regla general, se podrá utilizar el isotipo en cualquier soporte, ya sea interno o externo. No obstante, en aquellas comunicaciones donde la marca no esté contextualizada, se priorizará el uso del imagotipo. Es decir, el isotipo podrá usarse como elemento complementario para que la marca esté presente pero de forma menos invasiva.
El isotipo de Atrys se puede utilizar solo o encapsulado, es decir, dentro de un cuadrado. Los usos de color adecuados para implementar el isotipo sin encapsular son los mismos que para implementar el imagotipo. Lo puedes consultar aquí. Los usos de color adecuados para implementar el isotipo encapsulado son los siguientes:
Isotipo en blanco sobre fondo azul es el uso recomendado.
Isotipo en azul con fondo blanco.
Isotipo en blanco sobre fondo negro es el uso recomendado (únicamente si se requiere una impresión sin color).
Isotipo en negro sobre fondo blanco (únicamente si se requiere una impresión sin color).
Usos incorrectos
No se recomienda hacer uso del isotipo en aquellas comunicaciones donde el usuario no está contextualizado o no conoce la marca. En este caso el isotipo podrá ser usado como un elemento gráfico decorativo. Es importante no confundir el isotipo actual con el antiguo dado que la variación entre ambos es sutil.
En ningún caso se puede mostrar el isotipo, ya sea solo o encapsulado, con un color de la paleta que no sea el azul corporativo. Los usos de color inadecuados para implementar el isotipo son los mismos que para implementar el imagotipo. Lo pudes consultar aquí.
Es importante no confundir el isotipo anterior de la marca.
El isotipo, aunque a veces se utilice como elemento decorativo, no se puede utilizar en otro color de la paleta que no sea el azul
Área de seguridad y tamaño mínimo
Tanto encapsulado como sin encapsular el área de seguridad del isotipo será la mitad de éste.
El tamaño mínimo del isotipo es de X mm.
IDENTIDAD VISUAL / TIPOGRAFÍA
Archivo, tipografía principal
La tipografía principal de Atrys es la fuente Archivo. Archivo es una Google Font grotesk diseñada para ser utilizada simultáneamente en plataformas impresas y digitales. Es de fácil legibilidad y tiene gran variedad de grosores, Archivo admite más de 200 idiomas distintos.
La fuente Archivo es la más utilizada en la identidad de Atrys dado que la gran mayoría de aplicaciones corporativas utilizan únicamente esta fuente.
Descargar
DIN Pro, tipografía auxiliar
DIN Pro es la fuente auxiliar de la marca Atrys, Se trata de una fuente realista sans-serif sin adornos con considerable altura y una gran variedad de grosores. Por su diseño funciona tanto a pequeña escala como en grandes dimensiones.
La fuente DIN Pro se utiliza exclusivamente en detalles o aplicaciones funcionales de la identidad donde queramos aportar más neutralidad. Por ejemplo, en los vinilos de las puertas de los centros que indican que la puerta se tiene que “EMPUJAR”.
Descargar
Arial, tipografía ofimática
En todas aquellas aplicaciones corporativas donde por motivos técnicos no se pueda utilizar la fuente Archivo, se debe utilizar la tipografía Arial. Esta fuente es una alternativa segura dado que está presente en todos los sistemas operativos y aplicaciones ofimáticas.
Se utiliza Arial, por ejemplo, cuando se manda un documento de Microsoft (Word o PowerPoint) a una persona externa que no tiene la fuente Archivo instalada en su ordenador. De este modo aseguramos una correcta visualización del documento por parte del receptor.
Post Grotesk, tipografía para las declinaciones y el baseline.
La fuente Post Grotesk es una versión contemporánea de las fuentes grotescas sin serifa. Su fácil legibilidad y su aspecto neutral crean una combinación óptima con el imagotipo de Atrys.
Esta fuente es de uso único y exclusivo en las declinaciones y el baseline. No se puede utilizar para otros fines.
Descargar
IDENTIDAD VISUAL / COLORES
Color corporativo principal
La paleta corporativa de Atrys se compone de un color corporativo principal y varios colores complementarios. El color corporativo principal es el Azul Atrys.
Azul Atrys
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
Pantone alternativo: 2736 C
RAL (mate): 5017
Avery: 5548
Avery alternativo: 4528
Avery (opaco): 708
Paleta de colores secundarios
La paleta de colores secundarios de Atrys es una paleta variada de colores fríos. Se pueden combinar entre sí, con blanco y con el azul corporativo.
Azul Metálico
Hex: #4680ae
CMYK: 76/43/14/0
RGB: 70/128/174
Pantone: 2149 C
RAL (mate): 5023
Avery: 4512
Avery (opaco): 709-01
Java
Hex: #25b0bb
CMYK: 73/8/27/0
RGB: 37/176/187
Pantone: 3125 C
RAL (mate): 6034
Avery: 4531
Avery (opaco): 742
Niagara
Hex: #05a78b
CMYK: 79/9/58/0
RGB: 5/167/139
Pantone: 3268 C
RAL (mate): 6033
Avery: 4539
Avery (opaco): 714-01
Olmo
Hex: #187777
CMYK: 86/36/51/12
RGB: 24/119/119
Pantone: 4164 C
RAL (mate): 5021
Avery: 4534
Avery (opaco): 756
Magenta Lavanda
Hex: #ed64d3
CMYK: 16/69/0/0
RGB: 237/100/211
Pantone: 2375 C
RAL (mate): 4003
Avery: 4511
Avery (opaco): 716
Violeta
Hex: #7d69e2
CMYK: 67/63/0/0
RGB: 125/105/226
Pantone: 2101 C
RAL (mate): 4011
Avery: 5543
Avery (opaco): 775
Apoyo de colores neutros
La paleta corporativa de Atrys también comprende una serie de colores neutros que se pueden utilizar cuando sean requeridos.
Negro
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
Antracita
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
Gris Aluminio
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
Crema
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
Blanco Roto
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
Azul Metálico
Hex: #044AAB
CMYK: 98/80/0/0
RGB: 4/74/171
Pantone: 2145 C
RAL (mate): 5017
Avery: 5548
Avery (opaco): 708
IDENTIDAD VISUAL / FOTOGRAFÍA
Estilo fotográfico
Las imágenes con fines comunicativos transmiten nuestros valores, sobre los que se construye la identidad. Buscamos fotografías que ayudan a potenciar los conceptos que queremos enfatizar utilizando personas o detalles de personas como elemento principal.
Particularmente se requieren imágenes naturales, cálidas, auténticas, que muestren la realidad del día a día (personas reales, no modelos). Evitaremos imágenes típicas de librería de stock donde se muestren elementos estereotípicos del mundo de la medicina.
Se buscan composiciones dinámicas donde se puedan apreciar varios niveles de profundidad. Se puede considerar la búsqueda de desenfoque y enfoque, siempre que no sea necesario forzar la situación. Se busca también naturalidad, claridad y alta luminosidad. Se procurará no mostrar elementos tecnológicos que puedan parecer desfasados.
A continuación se muestran ejemplos de usos correctos e incorrectos.
Es correcto utilizar fotografías naturales, cálidas, auténticas, que muestren la realidad del día a día.
Es correcto utilizar fotografía de detalle de personas.
Es correcto utilizar composiciones con enfoques y desenfoques.
Es correcto utilizar fotografía científica y de laboratorio que denote innovación.
No es correcto utilizar fotografía de stock poco natural y estereotipada.
No es correcto utilizar fotografía de pacientes que no representen la realidad.
Es correcto utilizar fotografías de profesionales en acción.
Es correcto utilizar fotografía de paciente siempre y cuando lo hagamos de forma sensible y no estereotipada.
No es correcto utilizar fotografía donde aparezca equipamiento médico desfasado.
No es correcto utilizar fotografía que no muestre paridad de género.
Tratamiento fotográfico
En las aplicaciones corporativas donde queramos utilizar recursos fotográficos debemos aplicar un tratamiento fotográfico de filtro de color para asegurar una mejor uniformidad cromática en las composiciones.
El filtro de las imágenes corporativas de Atrys se puede aplicar tanto desde Photoshop como Illustrator e InDesign, aunque recomendamos utilizar Photoshop para evitar cambios de color inesperados en los artes finales. Aplicaremos una primera capa blanca con modo de fusión color para dejar la imagen en b/n.
Después aplicaremos una segunda capa del color elegido (cualquiera de los colores corporativos) con modo de fusión color y reduciremos su opacidad al 50% aproximadamente. Por último, aplicaremos una tercera capa del mismo color elegido pero sin ningún modo de fusión y también reduciremos su opacidad al 30% aproximadamente. En función de la luz de la fotografía podemos ajustar el % de opacidad de las capas de color para conseguir el efecto adecuado.
A continuación se muestran ejemplos de usos correctos e incorrectos.
Uso correcto del filtro en color azul corporativo.
Uso correcto del filtro en color magenta.
Uso incorrecto, el color del filtro no se corresponde con la paleta corporativa.
Uso incorrecto, el tratamiento en duotono no se corresponde con las especificaciones de uso del filtro corporativo.
IDENTIDAD VISUAL / ELEMENTOS GRÁFICOS
Cuadrados y símbolos
La identidad de Atrys juega con dos recursos gráficos principales: los cuadrados y los símbolos abstractos. Ambos nacen del isotipo, entendiendo a éste como un símbolo abstracto de composición cuadricular.
Por un lado, nos encontramos 2 tipos de cuadrados: los rellenos y los delineados. Y por otro lado, los símbolos abstractos que representan elementos habituales del universo de la marca. Estos símbolos ayudan a identificar conceptos difíciles de representar gráficamente de forma sencilla y elegante, además de dotar a la identidad de elementos diferenciadores.
Los cuadrados y los símbolos se pueden utilizar combinados, por separado o solapados (símbolos dentro de cuadrados rellenos).
Descargar
Iconografía
La iconografía corporativa de Atrys se compone de formas básicas sencillas, tanto abstractas como figurativas, que forman símbolos con un nivel mínimo de detalle. Se puede aplicar trazo en los iconos que lo requieran pero para mantener coherencia con el resto de formas de la marca este deber ser grueso, con puntas cuadradas y bordes redondeados.
Descargar
IDENTIDAD VISUAL / LAYOUTS
Composiciones diversas y equilibradas
Todos los elementos corporativos de Atrys se utilizan para crear composiciones y layouts con el propósito de unificar todas las creatividades de la marca y así dar una sensación de coherencia. Estos elementos se pueden utilizar con facilidad y agilizan la fase de diseño de nuevas creatividades.
Las composiciones de Atrys se caracterizan por ser dinámicas, coloristas y flexibles gracias a la diversidad de elementos con los que jugar. Esto es positivo a la hora de conseguir una gran variedad creativa y evitar la monotonía en los layouts. No obstante, esto también implica un trabajo de equilibrio visual y ajuste de pesos a la hora de disponer los elementos en una composición para que ésta sea equilibrada y armónica.
Para crear composiciones que funcionen correctamente debemos tener en cuenta:
1. Los elementos gráficos deben estar distribuidos por el espacio de forma aparentemente aleatoria pero ordenada. Jugar con los tamaños de las formas buscando el equilibrio en todo el layout. Por ejemplo, si hay elementos gráficos a la derecha del layout, es necesario compensarlo con elementos gráficos a la izquierda.
2. Utilizar un número de elementos gráficos adaptado al espacio. No dejar grandes espacios vacíos ni, por otro lado, sobrecargar el diseño.
3. Procurar que los elementos gráficos no tengan muchos tamaños diferentes. Intentando tener entre 2-3 tipos de tamaño (grande, mediano, pequeño) como máximo.
Composiciones con retícula cuadriculada
En aquellas aplicaciones corporativa donde tengamos que hacer un display de información extenso, como un tríptico informativo o una presentación, crearemos layouts con composiciones modulares hechas a partir de una retícula cuadriculada para disponer la información de forma ordenada y acorde con la identidad de marca.
Para crear estas composiciones tomamos como referencia una retícula cuadriculada generada a partir del isotipo de Atrys. A través de esta retícula podemos crear bloques de diferentes tamaños donde jugando con el uso de los colores y elementos corporativos creamos composiciones flexibles y dinámicas.
Para crear un layout corporativo siguiendo una estructura de bloques se deben seguir los siguientes pasos básicos:
1. Separar las diferentes secciones de información tomando de referencia la cuadrícula basada en el isotipo de Atrys, tal y como se ha descrito en el apartado anterior.
2. Añadir los elementos fotográficos o ilustraciones considerando peso, composición y dinamismo.
3. Añadir el resto de elementos para completar la creatividad. Es importante añadir siempre un detalle en el color azul corporativo de Atrys para facilitar la asociación de la marca con dicho color.
Composiciones minimalistas diagonales
También podemos crear composiciones minimalistas donde únicamente dispongamos un número reducido de elementos en un layout. En este caso utilizaremos las esquinas contrarias del layout para ubicar los elementos creando composiciones diagonales y equilibradas.
Estas composiciones son especialmente útiles y prioritarias para layouts más funcionales y formales como cartas, sobres, materiales internos, mostradores, rótulos…
IDENTIDAD VISUAL / EJEMPLOS APLICACIONES
Ejemplos de como utilizar la identidad visual en diferentes aplicaciones corporativas.
Ejemplo de aplicación de los elementos gráficos secundarios en landing
Ejemplo de aplicación de los elementos gráficos secundarios en MUPI
Ejemplo de aplicación de los elementos gráficos secundarios en Welcome Pack
Ejemplo de aplicación de los elementos gráficos secundarios en Tríptico
Ejemplo de aplicación de los elementos gráficos secundarios en Vinilos
TBC