Logo
Il logo Emailable è disponibile sia come logo completo con il wordmark Emailable che come icona, ciascuno con le proprie varianti di colore e casi d'uso. Si prega di attenersi alle linee guida per l'utilizzo riportate di seguito.
Logo completo
-
Principale
La versione definitiva del logo Emailable. Da utilizzare su sfondi chiari.
Background preferenziale:
-
-
Luce
Una variante del logo principale con testo bianco. Da utilizzare su sfondi scuri.
Background preferenziale:
-
Nero
Utilizzare su sfondi chiari in situazioni in cui l'uso del colore è limitato. Altrimenti, utilizzare la versione principale.
Background preferenziale:
-
-
Bianco
Utilizzare su sfondi scuri in situazioni in cui l'uso del colore è limitato. Altrimenti, utilizzare la versione chiara.
Background preferenziale:
Icona del logo
-
Principale
La versione definitiva dell'icona Emailable. Da utilizzare su sfondi chiari.
Background preferenziale:
-
-
Nero
Utilizzare su sfondi chiari in situazioni in cui l'uso del colore è limitato. Altrimenti, utilizzare la versione principale.
Background preferenziale:
-
-
Bianco
Utilizzare su sfondi scuri in situazioni in cui l'uso del colore è limitato. Altrimenti, utilizzare la versione principale.
Background preferenziale:
Fare:
-
Lasciare un ampio spazio tra il logo e altri elementi o bordi del documento (utilizzare la lettera "e" del logo come distanza di sicurezza)
-
Utilizzare la variante corretta a seconda dello sfondo (vedi sopra)
Non farlo:
-
Alterare il logo in modo non approvato. Ciò include, ma non si limita a: cambiare i colori, trasformare in modo sproporzionato, applicare effetti stilistici (ad es. bagliore, ombra, sfocatura, tratto, ecc.)
-
Posizionare il logo su sfondi in cui diventa difficile vedere il marchio o i colori dell'icona
Colori
La tavolozza di colori ufficiale di Emailable e i gradienti di sfondo utilizzati per il design e il branding. Per l'uso dei colori con la tipografia, vedere Colori dei caratteri.
Tavolozza
Toccare/cliccare un campione per copiare il suo codice colore HEX.
-
Primario
-
Ardesia
-
Rosso
-
Arancione
-
Giallo
-
Verde
-
Ciano
-
Blu
-
Fucsia
Gradienti
Tutti i gradienti sono radiali e di forma circolare. Le loro origini si trovano al 20% dai bordi superiore e destro delle forme che li contengono e si estendono in diagonale fino all'angolo inferiore sinistro (vedi sotto).
-
Gradiente scuro
Il gradiente principale. Utilizzato come sfondo scuro.
Arresto del colore:
-
Gradiente più scuro
Utilizzato come sfondo scuro supplementare per contrastare il gradiente scuro.
Arresto del colore:
-
Viola sfumato
Utilizzato come sfondo alternativo o d'accento.
Arresto del colore:
Tipografia
Le linee guida ufficiali per lo stile dei caratteri e della tipografia di Emailable, compresi i pesi dei caratteri e l'uso dei colori nei vari elementi dell'interfaccia.
Caratteri tipografici
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|\{}[]
-
Regolare 400
Il peso predefinito. Si usa per il testo del corpo, le descrizioni, ecc.
-
Medio 500
Utilizzato per alcuni collegamenti ed etichette.
-
Semibreve 600
Utilizzato per pulsanti, stemmi, sottotitoli e alcune figure.
-
In grassetto 700
Utilizzato per titoli, enfasi e stati attivi.
Colori dei caratteri
-
Ardesia 900
Il colore di testo predefinito. Utilizzato per intestazioni, etichette, testo in evidenza e stati attivi. Solo per sfondi chiari.
-
Ardesia 700
Utilizzato per il testo del corpo o per il testo di minore importanza. Solo per sfondi chiari.
-
Ardesia 500
Utilizzato per i badge neutri.
-
Ardesia 300
Utilizzato per il testo segnaposto dell'input o per gli stati inattivi.
-
Primario 500
Utilizzato come colore d'accento per i link di testo e alcuni sottotitoli.
-
Primario 200
Si usa per il testo del corpo o per il testo di minore importanza. Solo per sfondi scuri.
-
Rosso 500
Utilizzato per messaggi di pericolo/errore e badge.
-
Giallo 500
Utilizzato per i cartellini di avvertimento.
-
Verde 500
Utilizzato per i messaggi di successo e i badge.
-
Blu 500
Utilizzato per i badge di avviso/informativi.
-
Bianco
Utilizzato per intestazioni, etichette, testo in evidenza e stati attivi. Solo per sfondi scuri.