Guías generales
En esta sección encontraremos lineamientos generales para el manejo de los videos de la marca SURA. Además, se describen los elementos básicos que se pueden usar para lograr piezas audiovisuales que apliquen correctamente el sistema visual de SURA y estén homologadas con los demás materiales de comunicación.
Elementos
Dentro de los videos, se pueden usar diversos elementos para comunicar la marca SURA y para destacar información. A continuación los revisaremos.
Logotipo
Cuando se requiera la presencia del logotipo o descriptor sobre clips de video, éste pueden aparecer de diversas maneras:
- Como elemento principal
El logotipo puede aparecer grande en todo el centro de la pantalla, preferiblemente en su versión principal sobre fondo blanco. Su tamaño corresponde al 35% de la altura del video.
NOTA
El logotipo puede llevar animación y en la sección de cierres animados se encuentran las versiones permitidas. No se debe usar el brand sonic al inicio de los videos, éste es exclusivo para el cierre.
- Dentro de una forma contenedora
El logotipo puede aparecer dentro de un contenedor para asegurar su legibilidad.
Ubicación y tamaño
La forma contenedora debe estar ubicada siempre en la esquina inferior derecha.
Su tamaño debe ser del 15% de X, siendo X el alto del formato del video.
La velocidad en la que entra y sale una forma contenedora se determina tomando como base 30 cuadros por segundo; ésta debe ser de 20 cuadros por segundo. El tiempo de permanencia es en función del contenido.
Sombra
La forma contenedora debe llevar una ligera sombra para diferenciarla del color de fondo. Para generarla, se deben seguir los siguientes pasos:
- Seleccionar el efecto “sombra paralela”.
- Aplicar el color negro al 30%.
- Ajustar la dirección a 297º.
- Colocar una distancia de 4.0
Versiones
La forma contenedora cuenta con las las siguientes versiones:
Construcción
Para la construcción de la forma contenedora se debe tener en cuenta la medida X, que corresponde a la altura del formato del video.
Para todas las versiones, el alto del contenedor debe ser de 15% de X y su curva 11% de X.
En la versión sin descriptor, el logotipo se ubica centrado, teniendo en cuenta el ancho del símbolo, su tamaño es de 6% de X.
Para el contenedor con descriptor de negocio, la franja donde éste se ubica debe tener 5% de X de altura. El descriptor debe estar en tipografia Barlow Medium en color azul PANTONE® 286C. Su altura debe ser 2% de X y la altura del logotipo deberá ser el 6% de X.
A continuación se muestran los lineamientos para la construcción del contenedor de las submarcas.
- Como marca de agua
Si es necesario que el logotipo esté presente durante toda la extensión del video, éste puede aparecer como marca de agua en la esquina superior derecha. Debe ser de color blanco, con una transparencia del 60% y un tamaño igual al 5% de X.
En los casos donde la publicidad sea vista internacionalmente se puede incluir una pequeña nota en la parte inferior derecha donde se indique para qué país es válida.
Co-branding y patrocinio
Existen casos donde la marca GRUPO SURA participa en co-branding o como patrocinador dentro de un video. Los logotipos podrán aparecer ya sea al inicio o al cierre del video, o en ambos casos. Además, se deberá tomar en cuenta lo siguiente:
- El orden de aparición de los logotipos dependera de quién lidera el anuncio.
- Se deberá dividir el fomato en partes proporcionales entre las marcas.
- Se podrá utilizar una línea divisora delgada y en color gris claro para separar los logotipos.
Anuncios con dos marcas
Dentro de un video, existen diversas formas de presentar logotipos en cobranding, de acuerdo a la necesidad:
a. Logotipo de GRUPO SURA + logotipo de la otra marca (relación 50% – 50%).
b. Logotipo lockup con descriptor de negocio + logotipo de la otra marca (relación 50% – 50%).
NOTA
El logotipo lockup con descriptor sólo se utiliza cuando se justifca que firme el negocio
Anuncios con más de dos marcas
- Cuando el anuncio en co-branding lo lidera un tercero, el logotipo de SURA (con o sin lockup de descriptor) debe ser más pequeño que el logotipo de la otra marca. Estableciendo una relación de tamaño de 75% – 25%.
- En el caso de un patrocinio, todos los logotipos del anuncio deben tener el mismo tamaño.
En ambos casos, los logotipos pueden o no estar separados por líneas delgadas de color gris claro y el logotipo de SURA deberá llevar el área de reserva de un cóndor a cada lado.
Elementos Gráficos
Texto
Se pueden utilizar las tipografías Barlow y FS Joey para generar destacados tipográficos. El texto debe utilizarse en un color que genere contraste con el fondo y que siempre sea legible.
Los textos pueden usar todos los pesos tipográficos disponibles y deben utilizar los colores corporativos.
Existen algunas indicaciones que hay que tomar en cuenta para la animación de textos:
- – Las transiciones deben ser sencillas sin movimientos o efectos exagerados.
- – Utilizar en su mayoría “fade in” y “fade out” con transparencias para suavizar las transiciones.
- – Los textos pueden entrar a cuadro con movimientos de posición, siempre en línea recta.
- – La escala es un parámetro que se puede utilizar para destacar información y dar dinamismo.
Iconos
Se puede utilizar el sistema iconográfico de SURA. Para su aplicación, debemos tener en cuenta el fondo donde irán ubicados para asegurar que haya suficiente contraste y que cuenten con legibilidad.
Los íconos deben aplicarse únicamente en los colores de la paleta corporativa.
Se deben animar según sea su finalidad, modificando las siguientes propiedades: escala, trazado de paths (líneas y formas), transparencia o creando morphs. Es importante mantener un estilo de animación acorde a la marca sin agregar efectos o elementos que estén fuera de los lineamientos.
Destacados
Los destacados son recursos importantes para jerarquizar información dentro de los videos. Su uso permite que la información sea más legible sin importar el fondo del video.
El uso de estos elementos debe ser limitado, cuidando no sobresaturar la pantalla. Para su animación, se pueden modificar sus propiedades: escala, transparencia, trazado de paths (líneas y formas).
Fondos
Las fondos deben ser sólidos con los colores de la marca. No se deben utilizar degradados o texturas que estén fuera de los lineamientos.
- Los colores vibrantes se deben ultilizar sólo cuando aparecen textos o gráficos.
- Cuando aparezcan personas, el fondo debe ser blanco, gris claro o bien una imagen, siempre que
ésta permita una buena visibilidad de los elementos.
Para cambiar de un fondo a otro se deben utilizar transiciones básicas. Los movimentos siempre deben ser lineales y sin efectos. Además, se pueden hacer transiciones utilizando sólo transparencias para cambiar de un sólido a otro.
Ilustración
La ilustración es un recurso que se puede utilizar en los videos como apoyo gráfico. Se puede hacer uso de cualquiera de los estilos ilustrativos permitidos por este manual, tomando en cuenta lo siguiente:
- La ilustración puede ser el elemento principal para representar contenido o datos gráficos.
- Puede ser un apoyo secundario, cuando aparecen personas, para ilustrar el contenido del que se está hablando.
- No se deben mezclar diferentes estilos de ilustración en un mismo video.
Imágenes
Se deben seleccionar imágenes que muestren la diversidad étnica de los países de Latinoamérica. Además, deben ser inclusivas, mostrando hombres, mujeres, niños y ancianos.
Créditos
Existen diversas alternativas para presentar créditos en los videos:
- Usar una forma contenedora similar a la del logotipo, aunque más alargada. Esta forma puede ser de color amarillo o blanco. Los textos se deben usar en color azul PANTONE® 286C. Se pueden utilizar únicamente las tipografías Barlow o FS Joey. La forma contenedora puede o no contener el logotipo de la marca.
La forma contenedora debe tener una altura del 15% de X, siendo X la altura del video. Para el diámetro de la curva se debe considerar 11% de X. El largo se debe ajustar según la cantidad de texto.
En los casos donde se necesite el logotipo, éste debe estar centrado y alineado a la derecha y su tamaño lo determina el área de protección.
- Usar una franja delgada en la parte inferior del video. La franja puede ser de color amarillo o blanco y puede o no llevar una leve transparencia. Los textos se deben usar en color azul PANTONE® 286C, únicamente en tipografías Barlow o FS Joey; la forma contenedora puede o no contener el logotipo de la marca.
La franja debe tener una altura del 15% de X.
En los casos donde se necesite el logotipo, éste debe estar centrado y alineado a la derecha; su tamaño lo determina el área de protección.
Usos incorrectos
A continuación, se describen usos incorrectos para los elementos gráficos dentro de un video. No se debe:
- Usar efectos y sombras para resaltar textos sobre imagen.
- Mezclar diferentes tipos de ilustración y paletas de color en un mismo video.
- Utilizar cortinillas en diagonal o formas irregulares.
- Utilizar colores en degradado como fondo para personas o en elementos gráficos.
- Usar colores diferentes a los de la paleta corporativa en destacados.
- Agregar elementos o formas que no formen parte del sistema visual de SURA.
Créditos
Existen diversas alternativas para presentar créditos en los videos:
- Se puede usar una forma contenedora similar a la del logotipo, aunque más alargada. Esta forma puede ser de color azul o blanco y puede o no tener el logotipo de la marca. Los textos deben ir en color blanco o azul PANTONE® 286C, según sea el caso. Se pueden utilizar únicamente las tipografías Barlow OT o FS Joey.
La forma contenedora debe tener una altura del 15% de X, siendo X la altura del video. Para el diámetro de la curva, se debe considerar 11% de X. El largo se debe ajustar según la cantidad de texto que se requiera ingresar.
En los casos donde deba aparecer el logotipo, éste debe estar centrado y alineado a la derecha y su tamaño lo determina el área de protección.
- Se puede usar una franja delgada que cubra toda la extensión de la parte inferior del video. La franja puede ser de color azul o blanco y puede o no llevar una leve transparencia al 90%. Los textos se deben ir en color blanco o azul PANTONE® 286C. Se pueden utilizar únicamente las tipografías Barlow OT o FS Joey. La forma contenedora puede o no contener el logotipo de la marca.
La franja debe tener una altura del 15% de X.
En los casos donde deba aparecer el logotipo, éste debe estar centrado verticalmente y alineado a la derecha. Su tamaño lo determina el área de protección.
Información adicional
En algunos casos en necesario agregar al video información como legales o datos de contacto.
En estos casos se debe:
- Utilizar siempre el color blanco como fondo. Los textos de los legales deben ir en color gris PANTONE® 424C, justificados a la izquierda y utilizando la tipografía Barlow OT Light en un tamaño
de 46 – 30 pts, según sea requerido, para favorecer la legibilidad.
Subtítulos
En ocasiones, es necesario usar subtítulos en los videos. Para ello, se definieron dos alternativas:
- Cuando se requieran textos largos, de forma narrativa, se debe utilizar una franja en la parte inferior del video durante toda su extensión. La tipografía debe ser Barlow OT Regular de 55 – 70 pts.
- En el caso de textos cortos que deban contar con mayor protagonismo, pueden aparecer sobre la imagen o fondo, siempre justificados a la izquierda y centrados verticalmente dentro de la pantalla. Se deberá utilizar tipografía FS Joey Medium de 60 – 90 pts. Esta solución se utiliza, también, cuando los subtítulos coinciden en pantalla con la franja de créditos.
El color de la tipografía debe ir de acuerdo al color del fondo del video, asegurando siempre su legibilidad. Cuando se utilice una imagen de fondo, la tipografía debe ser en color azul PANTONE® 286C y se deberán retocar las imágenes para asegurar que el fondo sea lo suficientemente claro para favorecer la lectura de los textos.
Cortinillas
El uso de cortinillas resulta útil para dividir temas dentro de un video o para dar dinamismo al contenido presentado. A continuación, se presentan algunas consideraciones a seguir para su uso:
- Las pantallas siempre se dividen con tres franjas rectas de color que aparecen ya sea en dirección horizontal o vertical. El movimiento de las franjas debe ser “en panel o barras” como se muestra más adelante en la animación de ejemplo. Además, se deben utilizar los colores de la paleta corporativa o del negocio/prestación.
- Las tres franjas se mueven en la misma dirección en la que entran en pantalla. Las dos primeras desaparecen, dejando un campo de color fijo, correspondiente al tercer color. A continuación se muestra un ejemplo de cómo entran las franjas y cómo se visualiza el campo de color sobre el que puedan aparecer otros elementos como textos e iconos.
Otros casos en los que se utilizan cortinillas son:
a. Cuando un video cuenta con subítulos en la parte inferior de la pantalla.
b. En los cierres de videos, cuando aparece la animación oficial del logotipo.
Videos en 360º
Los videos 360 grados son aquellos que al dar play podemos moverlo en distintas direcciones, descubriendo las distintas partes de un lugar o evento.
Se debe tratar de iniciar el video mostrando el logotipo de SURA, dentro de alguna aplicación en el espacio, para posteriormente mostrar el suceso a registrar. El logotipo de SURA o algún elemento visual identificable de su identidad, debe estar en el primer plano.
Además del logotipo dentro del video podemos tener otros elementos de marca, tipografías, destacados e íconos.
Cierres animados
Los cierres son una parte fundamental de los videos, ya que en ellos se muestra información importante de la compañía. Es por esto que se deben seguir ciertos lineamientos para unificar todos los videos que se generen para la marca SURA. Dependiendo del uso y medio en el que se difundirá el video, variarán los datos que se deberán incluir en el mismo.
Todos los videos de SURA deberán cerrar con una corta animación del logotipo y el brandsonic, un audio diseñado especialmente para las piezas audiovisuales de la marca. A continuación, se muestran los distintos casos de uso.
Ejemplos
- Cierre de marca
Éste se puede utilizar para videos internos, videos para canales de Youtube o redes sociales o para cualquier caso donde se requiera que la marca aparezca sola.
NOTA
Cuando el logotipo animado se usa al inicio del video, no debe llevar el brandsonic.
Formato 16:9
Formato 1:1
- Cierre mega marca
Se usa el logotipo, las unidades de negocio, los países donde se tiene presencia y el URL regional.
- Cierre para pautas internacionales
Se usa el logotipo, país donde aplica la publicidad, portafolio de productos del país, URL del país y texto legal con el país donde es válida la publicidad. A continuación veamos los ejemplos por país.
- Cierre con oferta del país.
Se usa el logotipo, portafolio de productos en el país y URL del país. A continuación veamos los ejemplos por país.
- Cierre de producto.
Se usa el logotipo y URL del país. A continuación veamos los ejemplos por país.
- Cierre de negocio.
Se usa el logotipo y una franja de color con el descriptor del negocio.
- Cierre de submarcas.
Se usa el logotipo de la submarca y su respectivo url.
Formato 16:9
Formato 1:1
Formato 16:9
Formato 1:1
Formato 16:9
Formato 1:1
'