Iconos
Estilos
Los íconos puede usarse en diversos estilos:
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”.
En 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.
En sólido
El ícono usa la misma retícula en color sólido al 100%.
Con envolvente
El envolvente surge de la misma retícula de 10 x 10 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”.
Con 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 de color
Sobre fondo blanco
Los íconos pueden aplicarse en los colores corporativos y colores de las prestaciones o unidades de negocio.
Sobre fondo de color
Los íconos 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 íconos sobre imágenes, los colores variarán en función de la imagen, siempre favoreciendo la legibilidad del ícono.
Caso especial
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. Cuando sea posible, se debe tratar de utilizar colores de la paleta secundaria, ya sean tenues o vibrantes, que se acerquen lo más posible al color requerido por la norma.
Usos incorrectos
Los íconos no deben:
Fondos no permitidos
Los iconos no deben aplicarse sobre…
Usos
Los íconos se deben ubicar en un área que facilite su legibilidad, siempre fuera de la ventana de texto.
Los íconos pueden ubicarse dentro de los destacados de información.
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.
Otros íconos
Íconos para interfaz web
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 legiblidad e identificación dentro de formatos sumamente reducidos en interfaces web.
Íconos de sostenibilidad
Esta librería fue creada para representar temas relacionados con la sostenibilidad dentro de tres cateogrías: económica, social y ambiental.
