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:
-
Bianco -
Ardesia 50
Background preferenziale:
Background preferenziale:
-
Bianco -
Ardesia 50
Background preferenziale:
Background preferenziale:
Background preferenziale:
-
Bianco -
Ardesia 50
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.
Primario 800 Primario 950 -
Gradiente più scuro
Utilizzato come sfondo scuro alternativo.
Primario 900 Primario 950 -
Viola sfumato
Utilizzato come sfondo scuro alternativo.
Primario 500 Primario 800
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
I colori si riferiscono a sfondi chiari, salvo diversa indicazione. I colori che cambiano in modalità scura riportano il loro equivalente in modalità scura.
Generali
-
Ardesia 800
Il colore predefinito del testo per i titoli, le etichette, il testo in evidenza e gli stati attivi.
Modalità scura: Bianco -
Ardesia 600
Testo di corpo o testo di minore importanza.
Modalità scura: Ardesia 300 -
Ardesia 500
Testo segnaposto, badge neutri, testo dei menu secondari e schede inattive su sfondi scuri.
-
Ardesia 300
Schede inattive.
Modalità scura: Ardesia 500 -
Bianco
Titoli, etichette, testo in evidenza e stati attivi su sfondi scuri.
-
Primario 500
Colore di risalto per i link testuali, le voci di navigazione attive e alcuni sottotitoli.
-
Primario 200
Testo principale o testo di minore importanza su sfondi con sfumature scure.
Stato
-
Rosso 500
Messaggi di errore e badge di pericolo.
-
Giallo 500
Badge di avviso.
-
Verde 500
Messaggi di successo e badge.
-
Blu 500
Badge informativi.
Aggiuntivi
-
Ardesia 400
Voci di navigazione inattive in modalità scura e prezzi barrati.
-
Ardesia 200
Codice inline e stati di passaggio del mouse sugli elementi di navigazione in modalità scura.
-
Primario 700
Stati al passaggio del mouse sui link testuali.
Modalità scura: Primario 300 -
Primario 400
Etichette delle sezioni su sfondi scuri e link nei tooltip.
-
Primario 300
Link a piè di pagina, citazioni e prezzi barrati su sfondi scuri.
-
Primario 800
Testo dei riquadri predefiniti.
Modalità scura: Primario 300 -
Blu 800
Testo dei riquadri informativi.
Modalità scura: Blu 300 -
Verde 800
Testo dei riquadri di successo.
Modalità scura: Verde 300 -
Rosso 700
Testo dei riquadri di pericolo e messaggi di errore in linea.
Modalità scura: Rosso 300 -
Giallo 600
Messaggi di avviso in linea.
-
Verde 600
Elenchi puntati con segni di spunta ed etichette positive.