Videos
Logotipo y descriptor
Cuando se requiera la presencia del logotipo o descriptor de negocio sobre clips de video, éste puede aparecer de diversas maneras:
Como elemento principal
El logotipo puede aparecer grande en 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.
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
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.
La altura del contenedor debe ser de 15% de X y su curva 11% de X.
La franja donde se ubica el descriptor debe tener una altura de 5% de X. El descriptor debe estar en tipografia FF DIN Medium en color azul PANTONE® 286 C. Su altura debe ser 2% de X y la altura del logotipo deberá ser el 6% de X.
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 estar en color blanco y con una transparencia del 60%. Su tamaño corresponde al 5% de X.
En los casos donde la publicidad tenga cobertura internacional se puede incluir una pequeña nota en la parte inferior derecha donde se indique en qué país es válida.
Se recomienda utilizar “fade in” y “fade out” para la entrada y salida del logotipo.
Cobranding
Existen casos donde la marca SURA, y el pilar de Ventures, 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.
- El descriptor de Ventures deberá utilizarse en su versión de lockup con el logotipo.
Dentro de un video, existen diversas formas de presentar logotipos en cobranding, de acuerdo a la necesidad:
Elementos gráficos
Texto
Se pueden utilizar las tipografías FF DIN 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 del sistema visual de Innovación.
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.
Íconos
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.
Círculos
Debido a que el círculo es el elemento principal del sistema, éste puede usarse para resaltar contenido o enmarcar fotografías. Puede usarse también en diferentes estilos y acabados.
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 del sistema visual. 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.
Usos incorrectos
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 aqua PANTONE® 3125 C o blanco y puede o no tener el logotipo de SURA. Los textos deben ir en blanco o en color azul PANTONE® 286 C. Se pueden utilizar únicamente las tipografías FF DIN 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 aqua PANTONE® 3125 C o blanco y puede o no llevar una leve transparencia al 90%. Los textos se deben ir en blanco o en color azul PANTONE® 286 C. Se pueden utilizar únicamente las tipografías FF DIN o FS Joey. La forma contenedora puede o no contener el logotipo de la marca.
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 aqua como fondo. Los textos de los legales deben ir en color blanco, justificados a la izquierda y utilizando la tipografía FF DIN 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 FF DIN Regular de 55 – 70 pts.
En el caso de textos cortos que deban contar con mayor protagonismo, pueden aparecer sobre la imagen o fondo, justificados a la izquierda y centrados verticalmente. Se deberá utilizar tipografía FS Joey Medium de 60 – 90 pts.
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® 286 C 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 del sistema visual de los pilares de Innovació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.
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 la animación oficial del logotipo y el brandsonic, un audio diseñado especialmente para las piezas audiovisuales de la marca. A continuación se muestran los usos para el pilar de Ventures.
