Icono

Cuando utilice el ícono que se puede enviar por correo electrónico, asegúrese de dejar suficiente espacio alrededor del perímetro del ícono (se pueden encontrar ejemplos dentro del kit del logotipo). También asegúrese de utilizar la versión correcta del ícono según el escenario en el que se utilizará para que ninguno de los colores del ícono sea difícil de ver (ver más abajo).

  • Emailable icon  main
    Emailable icon  main

    Principal

    Utilice la versión principal sobre fondos claros u oscuros. Colores de fondo preferidos: blanco, oscuro, degradado oscuro

  • Emailable icon  black

    Negro

    Utilice la versión en negro sobre fondos claros. Colores de fondo preferidos: Púrpura - Tono 2, Oscuro, Degradado oscuro

  • Emailable icon  white

    Blanco

    Utilice la versión blanca sobre fondos oscuros cuando el uso del color sea limitado o cuando sea absolutamente necesario. Colores de fondo preferidos: Púrpura - Tono 2, Oscuro, Púrpura Degradado, Oscuro Degradado

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

    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

Las empresas más grandes del mundo confían en Emailable para la entregabilidad del email.

Empiece gratis

250 créditos gratis