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 logo
Principale
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.
Ardesia
Utilizzare la versione Ardesia su sfondi chiari solo quando strettamente necessario. Altrimenti, usa il logo principale.
Bianco
Usa la versione bianca su sfondi scuri solo quando è assolutamente necessario. Altrimenti, usa il logo Light.
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
Di seguito sono riportati diversi elementi visivi utilizzati per riflettere il marchio Emailable.
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