El logotipo que se puede enviar por correo electrónico
Cuando utilice el logotipo que se puede enviar por correo electrónico, asegúrese de dejar un espacio amplio alrededor del perímetro del logotipo utilizando la altura / ancho de la letra "e" del logotipo como una distancia mínima. También asegúrese de utilizar la versión correcta del logotipo según el escenario en el que se vaya a utilizar (ver más abajo).
Descargar el kit de logotipos
Principal
Utilice la versión principal sobre fondos claros. No utilice el logotipo sobre fondos de colores que hagan que los colores del logotipo sean difíciles de ver.
Ligero
Utilice la versión clara sobre fondos oscuros. No utilice el logotipo sobre fondos de colores que hagan que los colores del logotipo sean difíciles de ver.
Pizarra
Utilice la versión pizarra sobre fondos claros solo cuando sea absolutamente necesario. De lo contrario, utilice el logotipo principal.
Blanco
Utilice la versión en blanco sobre fondos oscuros solo cuando sea absolutamente necesario. De lo contrario, utilice el logotipo de Light.
Colores
Púrpura
- RGB 126, 97, 255
- CMYK 0.506, 0.620, 0.000, 0.000
- HEX #7E61FF
Púrpura - Tinte 1
- RGB 147, 122, 255
- CMYK 0.424, 0.522, 0.000, 0.000
- HEX #937AFF
Púrpura - Tinte 2
- RGB 167, 148, 255
- CMYK 0.345, 0.420, 0.000, 0.000
- HEX #A794FF
Púrpura - Tinte 3
- RGB 188, 173, 255
- CMYK 0.263, 0.322, 0.000, 0.000
- HEX #BCADFF
Púrpura - Tinte 4
- RGB 209, 198, 255
- CMYK 0.180, 0.224, 0.000, 0.000
- HEX #D1C6FF
Morado - Sombra 1
- RGB 90, 61, 179
- CMYK 0.497, 0.659, 0.000, 0.298
- HEX #5A3DB3
Morado - Sombra 2
- RGB 51, 32, 94
- CMYK 0.457, 0.660, 0.000, 0.631
- HEX #33205E
Oscuro
- RGB 26, 16, 47
- CMYK 0.447, 0.660, 0.000, 0.816
- HEX #1A102F
Rojo
- RGB 255, 95, 125
- CMYK 0.000, 0.627, 0.510, 0.000
- HEX #FF5F7D
Naranja
- RGB 255, 156, 91
- CMYK 0.000, 0.388, 0.643, 0.000
- HEX #FF9C5B
Amarillo
- RGB 255, 203, 96
- CMYK 0.000, 0.204, 0.624, 0.000
- HEX #FFCB60
Verde
- RGB 92, 215, 170
- CMYK 0.572, 0.000, 0.209, 0.157
- HEX #5CD7AA
Verde 2
- RGB 63, 179, 163
- CMYK 0.648, 0.000, 0.089, 0.298
- HEX #3FB3A3
Gris
- RGB 120, 110, 175
- CMYK 0.314, 0.371, 0.000, 0.314
- HEX #786EAF
Gris - Tinte 1
- RGB 145, 133, 208
- CMYK 0.303, 0.361, 0.000, 0.184
- HEX #9185D0
Gris - Tinte 2
- RGB 180, 172, 226
- CMYK 0.204, 0.239, 0.000, 0.114
- HEX #B4ACE2
Gris - Tinte 3
- RGB 217, 213, 241
- CMYK 0.100, 0.116, 0.000, 0.055
- HEX #D9D5F1
Gris - Tono 1
- RGB 92, 82, 146
- CMYK 0.370, 0.438, 0.000, 0.427
- HEX #5C5292
Gris - Sombra 2
- RGB 69, 62, 109
- CMYK 0.367, 0.431, 0.000, 0.573
- HEX #453E6D
Gris - Sombra 3
- RGB 44, 38, 76
- CMYK 0.421, 0.500, 0.000, 0.702
- HEX #2C264C
Tipografía
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- Ligero 300
- Regular 400
- Medio 500
- Semibold 600
- Audaz 700
Aa
Encabezados
Aa
Subtítulos
Aa
Cuerpo de texto
Espaciado
Encabezados
Los encabezados deben tener una altura de línea de 1,3 em o {tamaño de fuente} * 1,3
Cuerpo de texto
El cuerpo del texto debe tener una altura de línea de 1,75 em o {tamaño de fuente} * 1,75
Colores de texto
Púrpura
Se utiliza para los subtítulos que se encuentran encima de los encabezados principales. Úselo solo en fondos claros.
Púrpura - Tinte 3
Se utiliza para el texto del cuerpo y otros escenarios en los que es apropiado un color más tenue. Úselo solo en fondos oscuros.
Púrpura - Tinte 4
Se utiliza para el texto del cuerpo y otros escenarios en los que es apropiado un color más tenue. Úselo solo sobre fondos morados.
Gris
Se utiliza para el texto del cuerpo y otros escenarios en los que es apropiado un color más tenue. Úselo solo en fondos claros.
Gris - Tinte 2
Se utiliza para subtítulos en los que es apropiado un color más tenue que el púrpura. Úselo solo en fondos claros.
Gris - Tono 1
Se utiliza para el texto del cuerpo dentro de artículos con varios párrafos.
Elementos de diseño
Los siguientes son varios elementos visuales que se utilizan para reflejar la marca Emailable.
Degradado oscuro
Se utiliza cuando se necesita / desea un fondo oscuro. Este degradado es un círculo cuyo centro se origina un 20% desde la derecha y un 20% desde la parte inferior del elemento.
- 0%Morado - Sombra 2
- 100%Oscuro
Degradado morado
Se utiliza cuando se necesita / desea un fondo más claro y colorido. Este degradado es un círculo cuyo centro se origina un 20% desde la derecha y un 20% desde la parte inferior del elemento.
- 0%Púrpura
- 100%Morado - Sombra 1