Icona

Quando utilizzi l'icona Inviabile tramite e-mail, assicurati di lasciare ampio spazio attorno al perimetro dell'icona (è possibile trovare esempi all'interno del kit del logo). Assicurati inoltre di utilizzare la versione corretta dell'icona a seconda dello scenario in cui deve essere utilizzata, in modo che i colori dell'icona non diventino difficili da vedere (vedi sotto).

  • Emailable icon main
    Emailable icon main

    Principale

    Utilizza la versione principale su sfondi chiari o scuri. Colori di sfondo preferiti: bianco, scuro, sfumato scuro

  • Emailable icon black

    Nero

    Usa la versione nera su sfondi chiari. Colori di sfondo preferiti: Viola - Tonalità 2, Scuro, Sfumato scuro

  • Emailable icon white

    Bianco

    Utilizzare la versione bianca su sfondi scuri quando l'uso del colore è limitato o quando è assolutamente necessario. Colori di sfondo preferiti: viola - tonalità 2, scuro, viola sfumato, sfumato scuro

Colori

  • Viola

    • RGB 126, 97, 255
    • CMYK 0.506, 0.620, 0.000, 0.000
    • HEX #7E61FF

  • Viola - Tonalità 1

    • RGB 147, 122, 255
    • CMYK 0.424, 0.522, 0.000, 0.000
    • HEX #937AFF

  • Viola - Tonalità 2

    • RGB 167, 148, 255
    • CMYK 0.345, 0.420, 0.000, 0.000
    • HEX #A794FF

  • Viola - Tonalità 3

    • RGB 188, 173, 255
    • CMYK 0.263, 0.322, 0.000, 0.000
    • HEX #BCADFF

  • Viola - Tonalità 4

    • RGB 209, 198, 255
    • CMYK 0.180, 0.224, 0.000, 0.000
    • HEX #D1C6FF

  • Viola - Tono 1

    • RGB 90, 61, 179
    • CMYK 0.497, 0.659, 0.000, 0.298
    • HEX #5A3DB3

  • Viola - Tono 2

    • RGB 51, 32, 94
    • CMYK 0.457, 0.660, 0.000, 0.631
    • HEX #33205E

  • Scuro

    • RGB 26, 16, 47
    • CMYK 0.447, 0.660, 0.000, 0.816
    • HEX #1A102F

  • Rosso

    • RGB 255, 95, 125
    • CMYK 0.000, 0.627, 0.510, 0.000
    • HEX #FF5F7D

  • Arancione

    • RGB 255, 156, 91
    • CMYK 0.000, 0.388, 0.643, 0.000
    • HEX #FF9C5B

  • Giallo

    • 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

  • Grigio

    • RGB 120, 110, 175
    • CMYK 0.314, 0.371, 0.000, 0.314
    • HEX #786EAF

  • Grigio - Tonalità 1

    • RGB 145, 133, 208
    • CMYK 0.303, 0.361, 0.000, 0.184
    • HEX #9185D0

  • Grigio - Tonalità 2

    • RGB 180, 172, 226
    • CMYK 0.204, 0.239, 0.000, 0.114
    • HEX #B4ACE2

  • Grigio - Tonalità 3

    • RGB 217, 213, 241
    • CMYK 0.100, 0.116, 0.000, 0.055
    • HEX #D9D5F1

  • Grigio - Tono 1

    • RGB 92, 82, 146
    • CMYK 0.370, 0.438, 0.000, 0.427
    • HEX #5C5292

  • Grigio - Tono 2

    • RGB 69, 62, 109
    • CMYK 0.367, 0.431, 0.000, 0.573
    • HEX #453E6D

  • Grigio - Tono 3

    • RGB 44, 38, 76
    • CMYK 0.421, 0.500, 0.000, 0.702
    • HEX #2C264C

Tipografia

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

  • Leggero 300
  • Regolare 400
  • Medio 500
  • Semibold 600
  • Grassetto 700

  • Aa

    Titoli

  • Aa

    Sottotitoli

  • Aa

    Corpo del testo

Spaziatura

Titoli

Le intestazioni devono avere un'altezza della riga di 1,3 em o {dimensione carattere} * 1,3

Corpo del testo

Il corpo del testo deve avere un'altezza della riga di 1,75 em o {dimensione carattere} * 1,75

Colori del testo

  • Viola

    Utilizzato per i sottotitoli che si trovano sopra i titoli principali. Utilizzare solo su sfondi chiari.

  • Viola - Tonalità 3

    Utilizzato per il corpo del testo e altri scenari in cui è appropriato un colore più tenue. Utilizzare solo su sfondi scuri.

  • Viola - Tonalità 4

    Utilizzato per il corpo del testo e altri scenari in cui è appropriato un colore più tenue. Utilizzare solo su sfondi viola.

  • Grigio

    Utilizzato per il corpo del testo e altri scenari in cui è appropriato un colore più tenue. Utilizzare solo su sfondi chiari.

  • Grigio - Tonalità 2

    Utilizzato nelle sottovoci in cui è appropriato un colore più tenue del viola. Utilizzare solo su sfondi chiari.

  • Grigio - Tono 1

    Utilizzato per il corpo del testo all'interno di articoli con più paragrafi.

Elementi di design

    Gradiente scuro

    Utilizzato ogni volta che è necessario o desiderato uno sfondo più chiaro o colorato. Questo gradiente è un cerchio con il centro che origina il 20% da destra e il 20% dalla parte inferiore dell'elemento.

    • 0%Viola - Tono 2
    • 100%Scuro

    Gradiente viola

    Utilizzato ogni volta che è necessario o desiderato uno sfondo più chiaro o colorato. Questo gradiente è un cerchio con il centro che origina il 20% da destra e il 20% dalla parte inferiore dell'elemento.

    • 0%Viola
    • 100%Viola - Tono 1

Scopri perché migliaia tra le aziende più grandi al mondo si affidano a Emailable per la consegna delle email.

Inizia gratuitamente

250 crediti gratuiti