il logo Emailable
Quando usi il logo Emailable, assicurati di lasciare un ampio spazio intorno al perimetro del logo usando l'altezza/larghezza della lettera "e" dal logo come distanza minima. Assicurati anche di usare la versione corretta del logo a seconda dello scenario in cui deve essere usato (vedi sotto).
Scarica il kit logoPrincipale
Usa la versione principale su sfondi chiari. Non utilizzare il logo su sfondi colorati che rendono difficile vedere i colori del logo.
Chiaro
Usa la versione chiara su sfondi scuri. Non utilizzare il logo su sfondi colorati che rendono difficile vedere i colori del logo.
Nero
Utilizzare la versione nera su sfondi chiari quando l'uso del colore è limitato o quando è assolutamente necessario. Altrimenti usa la versione principale. Colori di sfondo preferiti: bianco
Bianco
Usa la versione bianca su sfondi scuri solo quando è assolutamente necessario. Altrimenti, usa il logo Light.
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).
Principale
Utilizza la versione principale su sfondi chiari o scuri. Colori di sfondo preferiti: bianco, scuro, sfumato scuro
Nero
Usa la versione nera su sfondi chiari. Colori di sfondo preferiti: Viola - Tonalità 2, Scuro, Sfumato scuro
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