A partire dal 2005, Mozilla Italia ha adottato diverse vesti grafiche con loghi e colori differenti.
Questa evoluzione ha seguito il percorso generale di Mozilla integrandolo con elementi propri della
comunità italiana. Attualmente nella sua presenza online, Mozilla Italia adotta due vesti
grafiche ufficiali
definite nel 2016 e nel 2020.
La vecchia grafica, che risale al 2016, va ad affiancare la nuova introdotta nel 2020.
Per i contenuti digitali (locandine, immagini) destinati eventualmente anche alla stampa, utilizzare la
grafica 2020. Per i contenuti pensati esclusivamente per essere stampati, allo stesso modo, utilizzare
la grafica 2020.
La nuova grafica porta con sé varie versioni del logo, in base al contesto in cui questo deve
essere
utilizzato. Nello specifico vengono suddivise in tre macro-varianti: tricolore,
colorata e
monocolore.
È inoltre disponibile il logo completo (testo + icona), la sola icona oppure il solo testo.
Scuro
per tonalità di sfondo chiaro
Chiaro
per tonalità di sfondo scuro
Trasparente
per tonalità di sfondo scuro
Scuro
per tonalità di sfondo chiaro
Chiaro
per tonalità di sfondo scuro
Trasparente
per tonalità di sfondo scuro
Scuro
per tonalità di sfondo chiaro
Chiaro
per tonalità di sfondo scuro
Scuro
per tonalità di sfondo chiaro
Chiaro
per tonalità di sfondo scuro
Nero
per tonalità di sfondo chiaro
Bianco
per tonalità di sfondo scuro
Nero
per tonalità di sfondo chiaro
Bianco
per tonalità di sfondo scuro
I colori principali di Mozilla Italia, presenti anche nei loghi e nelle icone, sono azzurro
scuro
#007CFF e azzurro chiaro #00BCFF.
Nello specifico, il primo colore è da utilizzare con tonalità di sfondo chiare, mentre il
secondo con
tonalità di sfondo scure.
Viene utilizzato nelle icone e loghi variante colorata scura e chiara, nella variante
tricolore scura e chiara.
Le varianti tricolore hanno, inoltre, altri tre colori: verde #00BB00, bianco #FFFFFF e rosso #FF2300.
Il carattere (font) che viene utilizzato è Zilla Slab Highlight in grassetto.
Scuro
Principale
Chiaro
Principale
Nero
Secondario
Bianco
Secondario
Sfondo #FFFFFF
Sfondo #EEEEEE
Sfondo #DDDDDD
Sfondo #CCCCCC
Sfondo #BBBBBB
Sfondo #AAAAAA
Sfondo #999999
Sfondo #888888
Sfondo #777777
Sfondo #666666
Sfondo #555555
Sfondo #444444
Sfondo #333333
Sfondo #222222
Sfondo #111111
Sfondo #000000
Per scaricare i contenuti grafici è sufficiente andare nel repository Assets di Mozilla Italia su GitHub, nel quale sono presenti tutti i loghi.