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.
Background preferenziale:
-
-
Background preferenziale:
Background preferenziale:
-
-
Background preferenziale:
Background preferenziale:
-
-
Background preferenziale:
-
-
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
-
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
Utilizzato come sfondo scuro standard.
-
Gradiente più scuro
Utilizzato come sfondo scuro alternativo.
-
Viola sfumato
Utilizzato come sfondo scuro alternativo.
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.