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

  • 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

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

Empiece gratis

250 créditos gratis