1

Videos

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:

  1. 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.
  1. 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:

  1. Seleccionar el efecto “sombra paralela”.
  2. Aplicar el color negro al 30%.
  3. Ajustar la dirección a 297º.
  4. Colocar una distancia de 4.0

Versiones

La forma contenedora cuenta con las las siguientes versiones:

08_videos_AM_11

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 DIN 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.

  1. 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:

  1. El orden de aparición de los logotipos dependera de quién lidera el anuncio.
  2. Se deberá dividir el fomato en partes proporcionales entre las marcas.
  3. 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%).

Anuncios con más de dos marcas

  1. 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%.
  2. 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.

 

NOTA

Para profundizar en este tema, consulta:
Elementos de la marca > Tipografía

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.

 

NOTA

Para profundizar en este tema, consulta:
Elementos de la marca > Iconos

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).

 

NOTA

Para profundizar en este tema, consulta:
Elementos de la marca > Destacados

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.

  1. Los colores vibrantes se deben ultilizar sólo cuando aparecen textos o gráficos.
  2. 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:

  1. La ilustración puede ser el elemento principal para representar contenido o datos gráficos.
  2. Puede ser un apoyo secundario, cuando aparecen personas, para ilustrar el contenido del que se está hablando.
  3. No se deben mezclar diferentes estilos de ilustración en un mismo video.

 

NOTA

Para profundizar en este tema, consulta:
Elementos de la marca > Ilustración

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:

  1. 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 DIN o FS Joey. La forma contenedora puede o no contener el logotipo de la marca.
08_videos_AM_35

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.

  1. 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 DIN o FS Joey; la forma contenedora puede o no contener el logotipo de la marca.
08_videos_AM_43

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:

  1. Usar efectos y sombras para resaltar textos sobre imagen.
  2. Mezclar diferentes tipos de ilustración y paletas de color en un mismo video.
  3. Utilizar cortinillas en diagonal o formas irregulares.
  4. Utilizar colores en degradado como fondo para personas o en elementos gráficos.
  5. Usar colores diferentes a los de la paleta corporativa en destacados.
  6. 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:

  1. 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 DIN 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.

  1. 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 DIN 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:

  1. 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 DIN 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:

  1. 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 DIN OT Regular de 55 – 70 pts.
  2. 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:

  1. 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.
  1. 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

  1. 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


  1. Cierre mega marca
    Se usa el logotipo, las unidades de negocio, los países donde se tiene presencia y el URL regional.
  1. 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.
  1. 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.
  1. Cierre de producto.
    Se usa el logotipo y URL del país. A continuación veamos los ejemplos por país.
  1. Cierre de negocio.
    Se usa el logotipo y una franja de color con el descriptor del negocio.

  1. 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