APLICACIONES DIGITALES: COMUNICADOS DIGITALES
Guías generales
Los comunicados digitales pueden ser piezas de distribución interna en la organización o piezas de relacionamiento con nuestros clientes. A continuación se describen los lineamientos que se deben tener en cuenta para su creación.
Descarga las versiones oficiales de los comunicados digitales
Elementos
Los elementos básicos para construir los comunicados son los siguientes:
- Logotipo
- Tipografía
- Color
- Call to action
Logotipo
Sin importar el tamaño del comunicado el logotipo siempre debe ir ubicado en la esquina superior derecha, su tamaño se determina según el formato y se deben seguir los lineamientos de ubicación de los anuncios.
NOTA
Para mayor profundidad sobre este tema revisar la sección:
Aplicaciones > Anuncios > Logotipo y Márgenes
Tipografía
Para los comunicados se pueden utilizar las tipografías FS Joey, Covered by your grace, Pompiere y DK Liquid Embrace en titulares y para destacar información. Deberán utilizarse en color azul hexadecimal #0033AD o en algún color de la paleta secundaria.
Para cuerpos de texto, se debe utilizar la tipografía Barlow en color gris hexadecimal #727272 o la Trebuchet y Arial en aquellos casos donde la programación requiera estas fuentes para asegurar la visualización de la información.
Color
Se pueden utilizar los colores de la paleta corporativa y los colores de la paleta secundaria. A continuación se muestran los colores que se pueden usar en los distintos elementos de los comunicados.
Call To Action
Construcción
Los botones o call to action se construyen partiendo de un rectángulo que cuenta con las esquinas ligeramente curvas; lo cual se logra utilizando la herramienta de round corners a 2 px. El botón debe tener una altura de 37 px y puede crecer hacia lo largo hasta un límite de 200 px, siempre respetando el área de reserva para el texto, como se muestra a continuación.
Caso especial
En los casos donde se requiera incluir una flecha en el call to action, el botón deberá tener foma cuadrada.
Usos incorrectos
- En la tipografía no se deben utilizar colores que no contrasten con el color del botón.
- La esquina del botón nunca deberá ser cuadrada.
- La altura del botón no debe modificarse.
- Para el caso especial del botón en formato cuadrado, no se deben colocar íconos, sólo flechas.
Color
Los colores que se deben utilizar en los botones son los de la paleta de color corporativa. No se deben utilizar combinaciones de colores entre tipografía y fondo que no tengan contraste o no favorezcan la legibilidad. A continuación se muestran algunos ejemplos de aplicación:
NOTA
La paleta secundaria puede utilizarse para crear botones en comunicaciones internas y de relacionamiento, siempre y cuando los colores que se utilicen en la tipografía y el botón tengan suficiente contraste.
Aplicaciones
Boletines
Tamaño
El tamaño del boletín debe tener un mínimo de 600 px de ancho y el alto será variable y se definirá de acuerdo a la extensión de la información que éste contenga.
Márgenes
El margen se establece como área de seguridad para delimitar el área donde deberá aparecer la información. Los márgenes deben ser de 45 px a cada lado.
Logotipo
El logotipo se debe ubicar en la esquina superior derecha. El tamaño del logotipo se ha establecido para asegurar una buena legibilidad y unidad en la comunicación. Se deberá dejar un margen de seguridad, para evitar que otros elementos invadan su entorno y se deben respetar las medidas establecidas para tener mejor control en la comunicación digital.
Franja de color
El boletín usa una franja de color para ubicar la información especifica; su altura debe ser de 25 px. El color de la franja puede ser en color azul PANTONE® 286C (#0033A0), degradado del PANTONE® 3125C (#00AEC7) al PANTONE® 286C (#0033A0) o color negro al 20% cuando el color está en la parte superior.
Tipos de cabezote
Podemos tener 3 tipos de cabezote de acuerdo a las necesidades del boletín:
- Cabezote sencillo con logotipo, franja de color e información del mismo.
- Cabezote con descriptor.
- Cabezote con Título. Este cabezote puede tener dos versiones como se muestra en el ejemplo.
Ejemplos
E-cards
'