Redes sociales

Formatos

A continuación presentamos las medidas y formatos para los tres elementos principales que conforman las carátulas de las redes sociales: foto del perfil, portada y post.

Facebook

Los principales elementos donde se aplica la marca dentro del perfil de Facebook son:

1. Foto del perfil: 170 x 170 px.
2. Portada: 820 x 312 px.
3. Post: 700 x 700 px.

Las imágenes deben estar en RGB y guardadas en formato JPG. Su peso debe ser igual o menor a 100KB. Si la imagen tiene texto o logos, se recomienda usar un formato PNG con optimización para texto.

Twitter

Los principales elementos donde se aplica la marca dentro del perfil de Twitter son:

1. Foto del perfil: 400 x 400 px. Peso máximo: 100 KB (JPG, GIF o PNG).
2. Portada: 1500 x 500 px. Peso máximo: 10 MB (JPG, GIF o PNG).
3. Post: 1000 x 560 px. Peso máximo: 5MB para fotos y 3 MB para GIFs animados.

Las imágenes deben estar en RGB y guardadas en formato JPG. Su peso debe ser igual o menor a 100 KB. Si la imagen tiene texto o logos, se recomienda usar un formato PNG con optimización para texto.

Instagram

Los principales formatos donde se aplica la marca dentro del perfil de Instagram son:

1. Foto del perfil: 110 x 110 px.
2. Foto: 2048 x 2048 px (cuadrado). La altura puede ir de 1074 px hasta 2560 px. Puede contener una foto, un GIF animado o un video.

Las imágenes deben estar en RGB y guardadas en formato JPG. Su peso debe ser igual o menor a 100 KB. Si la imagen tiene texto o logos, se recomienda usar un formato PNG con optimización para texto.

Youtube

Los principales formatos donde se aplica la marca dentro del perfil de Youtube son:

1. Foto del perfil: 400 x 400 px.
2. Portada: 2560 x 1440 px. Peso máximo: 4 MB.

Las imágenes deben estar en RGB y guardadas en formato JPG. Su peso debe ser igual o menor a 100 KB. Si la imagen tiene texto o logos, se recomienda usar un formato PNG con optimización para texto.

Linkedin

Los principales formatos donde se aplica la marca dentro del perfil de Linkedin son:

1. Foto del perfil: 200 x 200 px. Peso máximo: 10 MB (JPG, GIF o PNG).
2. Portada: 1584 x 396 px. Peso máximo: 4 MB (JPG, GIF o PNG).
3. Post: 2560 x 1440 px.

Yammer

Los principales formatos donde se aplica la marca dentro de Yammer son:

1. Foto del perfil: 200 x 200 px.
2. Post:
   Tamaño a exportar desde PowerPoint: 20,298 x 11,329 cm en formato PNG.
   Tamaño a exportar desde otros programas: 2439 x 3745 px en formato PNG.

Foto del perfil

Es el avatar o imagen que identifica al perfil de la compañía dentro de cada red social. Aparece tanto en el perfil como en otras instancias: comentarios hechos en otras publicaciones, resultados de búsqueda, mensajes privados, entre otros.

Lineamiento general

Alternativas

A continuación se presentan las diferentes alternativas para la foto del perfil y la proporción de sus elementos:

Con logotipo de SURA

El tamaño del logotipo debe ser igual al 28% de X e ir centrado tanto vertical como horizontalmente en el formato. Se puede usar en sus versiones sobre fondo blanco y sobre fondo azul PANTONE® 286C.

Con logotipo y descriptor de negocio

El tamaño del logotipo debe ser igual al 28% de X e ir centrado vertical y horizontalmente en el espacio blanco. El descriptor se ubica en la parte inferior, dentro de una franja con el color que identifica al negocio y centrado con respecto al logotipo. El tamaño del descriptor debe ser igual al 10% de X. El alto de la franja debe ser igual al 25% de X.

Con símbolo

El tamaño del símbolo debe ser igual al 70% de X y debe ir centrado tanto vertical como horizontalmente en el formato. Se puede usar en sus versiones sobre fondo blanco y sobre fondo azul PANTONE® 286C.

Portada

Es la imagen que viste al perfil de la compañía.

 

Alternativas

A continuación, presentamos diversas alternativas para el manejo de la portada en redes sociales:

1. Foto de portada con fotografía: La imagen seleccionada debe seguir todos los lineamientos descritos en la sección Fotografía. Click para ver la sección de fotografía.

2. Foto de portada con fotografía y texto: Es Importante seleccionar imágenes con espacios vacíos para que no se afecte la legibilidad de los textos. En la mayoría de casos, las imágenes se deben modificar en Photoshop.

3. Foto de portada con ventana, íconos o ilustraciones.

4. Videos o GIFs animados: Las imágenes en movimiento ayudan a conectar al público de una forma más cercana y directa, algunos aspectos importantes para su creación son:
   – Deben durar de 6 a 10 segundos
   – Deben ser lentos para lograr su lectura
   – No deben incluir el logotipo
   – El tamaño debe ser el indicado para la portada según la red social.

Casos especiales

Existe un caso especial para considerar en el diseño de la portada:
En Youtube, el área de visualización de la foto de portada cambia según el dispositivo que se esté utilizando. Es importante tener esto en cuenta ya que la foto se cortará y podría visualizarse parcial o incorrectamente en algunos casos. Para ello, debemos considerar las siguientes medidas:

Post

Es una publicación donde se comparte contenido relacionado con la compañía. Es importante que todos los posts que se publiquen cuenten con elementos propios del sistema visual de SURA. De esta manera, los usuarios podrán asociar el contenido con la marca, sin necesidad de hacer un gran esfuerzo.

Post con imagen

A continuación, presentamos alternativas para el manejo de la marca dentro de posts:

1. Imagen con contendor:: La imagen lleva el logotipo dentro de un contenedor; éste puede tener sólo el logotipo o el logotipo con el descriptor de negocio, según se requiera.
2. Post con logotipo dentro de la imagen:: En aquellos casos donde el logotipo de SURA ya aparece en la imagen, no se debe usar el contenedor con logotipo ya que aparecería repetido. Este caso se da cuando se presentan imágenes de aplicaciones de la marca: un folleto, una fachada de edificio, un artículo promocional, entre otros.
3. Post con ventana: Esta alternativa es exclusiva para su uso en Instagram. No se podrá utilizar en ninguna otra red social. El post no lleva el logotipo ni contenedor, sólo lleva una ventana en línea de contorno de 10 pts de grosor, únicamente en colores azul o blanco.

Post con textos

A continuación, se enumeran las alternativas permitidas para incluir texto dentro de los posts. Los textos pueden:

1. Estar sobre la imagen siempre y cuando no se afecte su legibilidad.
2. Ubicarse sobre colores planos de fondo.
3. Aparecer sobre un franja de color que va de lado a lado del post.
4. Estar dentro de un recuadro de color que va justificado a dos costados del post.
5. Usar dentro de las formas de la galería de destacados.
6. Aparecer sobre recuadros o franjas transparentes de color.
7. Ubicarse sobre franjas que siluetean una imagen.
8. Aparecer sobre franjas divididas de color para proporcionar jerarquía.
9. Ubicarse sobre franjas de color de la paleta secundaria de la marca.

Infografía

Las infografías permiten presentar información estadística de una manera visualmente atractiva y dinámica. El tamaño de la tipografía puede ser más reducido que en un post normal sin por ello perder legibilidad o saturar demasiado el espacio. Se recomienda utilizar íconos e ilustraciones para representar conceptos y mantener el ordende los elementos y jerarquías claras.

1. En aquellos casos donde sólo se presente un concepto o dato, es decir, donde se cuente con poca información, el formato del post debe ser cuadrado. El logotipo se deberá ubicar dentro de un contenedor en la esquina inferior derecha.
2. Cuando se genere una infografía más compleja, con gran cantidad de datos a presentar, se puede utilizar un formato más vertical manteniendo un ancho de 700 px. En este caso, no se utiliza el contenedor de logotipo; éste se ubica en un pie de página o nota en la parte inferior de la imagen. Si el fondo lo permite, el logotipo debe ir en su versión principal o en versión monocromática, según lo permita el color de fondo.

Carrusel

El formato por secuencia o carrusel permite mostrar hasta diez imágenes o videos, títulos y enlaces o llamadas a la acción en un solo anuncio. Por su extensión, el uso del carrusel se vuelve óptimo para:

1. Presentar los productos de un catálogo.
2. Destacar las características de un producto.
3. Contar una historia mostrando imágenes o videos en sucesión para ilustrar una narrativa relevante.
4. Explicar un proceso, ya sea sobre cómo usar un producto o cómo navegar una app.
5. Mostrar una imagen panorámica.
6. Compartir fuentes y artículos.
7. Mostrar un estilo de vida.
8. Compartir testimonios de personas o empresas que hayan usado un producto o servicio.

Las imágenes deberán ir en formato cuadrado (mínimo 700×700 px). El logotipo puede aparecer al principio o como cierre con un ancho mínimo de 100 y máximo de 400 px.

Ejemplos:

360°

Las imágenes 360 grados son aquellas que se visualizan con el celular alzado en posición vertical y que al moverlo en distintas direcciones, se descubren las distintas partes de una misma foto. Este formato de imagen se puede capturar mediante dispositivos, aplicaciones o software específicos.

Se recomienda utilizar esta herramienta para mostrar imágenes de eventos y dinámicas hechas por SURA. Se debe tratar de iniciar la captura 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, este puede tener un ancho mínimo de 100 y máximo de 400 px dependiendo de la composición.

Tendencias

Este apartado se refiere al uso de ciertos recursos y modalidades en redes sociales tales como historias (Instagram y Facebook), videos en vivo (Instagram y Facebook) y publicaciones personalizadas (Facebook). A continuación, se describen los lineamientos básicos que se deben tener en cuenta para su creación y sugerencias adicionales de uso.

Historias

Tanto Instagram como Facebook tienen cuentan con el recurso de historias el cual permite compartir fotos o videos temporales, los cuales desaparecen después de 24 horas. A continuación, se presentan ejemplos de visualización de historias en Instagram y Facebook. Además, se describen los elementos disponibles para personalizarlas así como sugerencias de uso.

Etiquetas (stickers)

Al seleccionar el control para etiquetas se despliega un catálogo de ionos para decorar la historia (1). Por su carcácter lúdico e informal, de esta sección sólo se podrán usar las opciones marcadas en la imagen (2) que corresponden a: ubicación, temperatura, fecha, hashtag y encuesta.

Se recomienda utilizar colores sobrios como blanco, gris y negro o, en la medida de lo posible, colores similares a los de la paleta corporativa. El tamaño de los elementos debe ser mediano o pequeño, sin comprometer la legibilidad. La información debe ir centrada o justificada a la izquierda y debe ubicarse en una parte de la imagen que no afecte su lectura.

Cuando sea necesario utilizar más de una etiqueta en una misma imagen, se sugiere diferenciarlos con variaciones de tamaño y/o de posición (3).

Pluma (pen)

No está permitido el uso de este recurso ya que no va de acuerdo con los lineamientos de la marca.

Texto (captions)

Una vez seleccionado el visual, entre las distintas funciones que permite la interfaz, se pueden insertar textos (1). Para los textos, se recomienda utilizar colores sobrios como blanco, gris y negro o, en la medida de lo posible, colores similares a los de la paleta corporativa. El tamaño del texto debe ser mediano o pequeño, sin comprometer la legibilidad (2).

Los textos pueden ser de tres tipos: estándar, etiqueta (hashtags) y mención (mentions) (3). Cuando sea necesario utilizar los tres tipos en una misma imagen, se sugiere diferenciarlos con color, recuadros y/o un tamaño inferior al del texto estándar. La información debe ir centrada o justificada a la izquierda y debe ubicarse en una parte de la imagen que no afecte su legibilidad.

Usos incorrectos

Algunos usos incorrectos en la generación de las historias son:

1. Utilizar filtros y/o colores sobre la imagen y texto en colores que no formen parte de la paleta corporativa.
2. Inclinar el texto y utilizar una posición, tamaño y/o color que dificulte su lectura.
3. Saturar la historia con diversos elementos y/o mucha información.

Videos en vivo

Los videos en vivo están disponibles tanto en Instagram como en Facebook. Esta modalidad se presta para registrar evento y, conferencias, así como para compartir comunicados. Además, permite que los usuarios interactúen con la marca.

Al transmitir en vivo, se recomienda iniciar el video mostrando el logotipo de SURA en alguna aplicación (backing, fachada, artículo promocional, etc.), posteriormente alejar la toma y continuar con la grabación del evento. En el caso de que se vaya a presentar a alguna persona, se deberá indicar su nombre, cargo y fecha, de ser necesario, y posteriormente continuar con la grabación.

Durante la transmisión, las aplicaciones permiten recibir y enviar solicitudes a otros usuarios para compartir la transmisión en vivo lo cual puede utilizarse para realizar entrevistas, debates, mostrar dos eventos simultáneos, entre otras cosas.

Filtros faciales

No está permitido el uso de este recurso ya que no va de acuerdo con los lineamientos de la marca.

Publicaciones personalizadas

Funcionalidad disponible únicamente en Facebook que permite utilizar fondos de color en las publicaciones. Este recurso permite publicar mensajes concretos, dudas y comentarios de una forma más llamativa y sin necesidad de una herramienta adicional de edición. De ser necesario su uso, se recomienda utilizar colores sobrios como negro y grises o similares a los de la paleta corporativa. Si no se encuentran estas opciones, es mejor evitar su uso. No está permitido utilizar fondos con patrones o ilustraciones predeterminadas por la aplicación de Facebook.

Comentarios personalizados

Este recurso funciona de manera similar a las publicaciones personalizadas y el objetivo es aplicar un color de fondo a los comentarios que se hagan en una publicación. Al igual que con las publicaciones personalizadas, se sugiere elegir tonos sobrios o similares a los de la paleta corporativa. De no encontrarse estas opciones es mejor evitar su uso.

Co-branding

Existen tres casos distintos en donde la marca SURA puede participar en co-branding con otras marcas. A continuación se describen los lineamientos para cada uno de los casos.

SURA al 75%

SURA está presente con todos sus elementos (consultar la sección correspondiente dependiendo del tipo de publicación).
El logotipo de la otra marca debe ubicarse en la esquina superior izquierda en un tamaño menor al de SURA.

SURA al 50%

Ambas marcas deben ir al mismo tamaño, una al lado de la otra, separadas por una línea delgada. Se recomienda ubicar los logotipos en la esquina inferior derecha aunque la posición puede variar para ajustarse al diseño y contenido. Siempre que sea posible, se deberá respetar el área de protección del logotipo se SURA por todos los lados.

Si el fondo de la publicación es claro, se debe utilizar la versión principal del logotipo de SURA; si es obscuro, el logotipo debe ir completamente blanco.

Los elementos gráficos de ambas marcas pueden convivir manteniendo la misma relevancia.