ADN SURA

SURA es la marca que acompaña a los latinoamericanos con un portafolio de soluciones en Seguros, Pensiones, Ahorro e Inversión, con presencia en 10 países de la región.

Seguros SURA Colombia ARL

Iconos

Última actualización : 26 Feb 2020

Introducción

Los iconos se encuentran construidos y unificados en relación a la identidad gráfica de la marca. Para construir la iconografía, se tomó como base una constante en la tipografía del logotipo que se encuentra en la mayoría de las letras que lo conforman, la cual consiste en una terminación curva.

Todos los iconos deberán contar con dicha terminación en alguna parte de su estructura y será el distintivo rector de los iconos. Todas las demás esquinas y terminaciones deberán ser rectas.

Construcción

Los íconos de SURA se construyen tomando como base una retícula de 10 x 10 cuadros.

En línea

La terminación curva se determina a partir de una circunferencia que se obtiene tomando un 20% de “y” (la medida “y” es el ancho o altura de la retícula). El grosor se encuentra determinado por el 4% de “y”.

Con envolvente

El envolvente surge de la misma retícula de 10x10 cuadros, respetando un margen de 1 cuadro por cada lado, el ícono se debe situar dentro de los 9 x 9 cuadros restantes. El envolvente cuenta con una curvatura en la esquina inferior derecha que representa el 23% de “y”, el grosor se encuentra determinado por el 4% de “y”.

Línea con sombra

La sombra se usa sólo en los íconos en línea. Ésta es completamente sólida sin detalles del ícono y con el mismo color de la línea al 20%. La sombra se debe desplazar hacia la parte inferior derecha.

Relleno

El ícono usa la misma retícula en color sólido al 100%.

En círculo

El círculo surge de la misma retícula de 10 x 10 cuadros, respetando un margen de 1 cuadro y medio por cada lado, el ícono se debe situar dentro de los cuadros restantes.

Versiones a color

A continuación se muestran las versiones a color para la aplicación de los iconos. 

NOTA: Los íconos amarillos nunca se debe usar sobre fondo blanco ya que no generan buen contraste.

Sobre fondo blanco

Verde ARL

En Aqua.

Azul corporativo.

Sobre fondo de color

Los iconos se pueden aplicar sobre fondos de los colores corporativos, colores de las prestaciones o unidades de negocio. El color del icono se debe elegir de manera que logre contraste suficiente sobre el fondo.

Sobre fondo fotográfico

Cuando se ubiquen iconos sobre imágenes, los colores variarán en función de la imagen, siempre favoreciendo la legibilidad del icono.

Uso correcto.

Uso incorrecto.

Casos especiales

Los iconos pueden usar colores distintos a los de la paleta de color corporativa, prestaciones o unidades de negocio, únicamente en aquellos casos que, por norma o reglamentación, se requiere el uso de colores específicos.

Usos incorrectos

Los íconos no deben:

Presentar cambios en la relación de su proporción.

Usar un color ajeno a la paleta.

Reproducirse de forma distorsionada.

Ser aplicado con efectos visuales.

Reproducirse con línea de contorno.

Presentar un cambio de orientación.

Utilizarse como textura.

Incluir una sombra distinta a la indicada.

Reproducirse con variaciones en el grosor del trazo.

Reproducirse con el envolvente en contorno.

Reproducirse sin respetar el área delimitada en el envolvente.

Utilizar transparencias en los elementos de los íconos.

Reproducirse con los elementos incompletos o sin el total de los mismos.

Utilizarse en dos o más tonos, aún cuando sean parte de la paleta de la marca.

Fondos no permitidos

A continuación se describen algunos de los usos incorrectos de los iconos de SURA sobre fondos.

Fondos de colores distintos a los especificados.

Fondos de color que presenten poco contraste.

Fotografías con ruido visual.

Imágenes texturizadas o con patrones complejos.

Usos de los iconos

A continuación se describen algunos de los usos de los iconos SURA:

Ubicarse en un área que facilite su legibilidad, siempre fuera de la ventana de texto.

Al usarse sobre un fondo fotográfico, hacerlo en espacios con pocos elementos para facilitar la legibilidad.

Si el ícono tiene sombra, es preferible usarlo sobre un fondo claro para que se aprecie la sombra.

Los íconos pueden ubicarse dentro de los destacados de información.

Otros iconos

Iconos de interfaz

Este set de íconos se creó para su uso dentro de una interfaz web. Por ello, no siguen las reglas generales de construcción para los iconos de SURA. Fueron construidos para que cuenten con una perfecta legibilidad e identificación dentro de formatos sumamente reducidos en interfaces web.

Iconos de sostenibilidad

A continuación se muestran ejemplos de íconos de la librería creada para representar temas relacionados con la sostenibilidad dentro de tres categorías: económica, social y ambiental.

Icono general de sostenibilidad.

Sostenibilidad económica

Sostenibilidad social

Sostenibilidad ambiental