Manuale d'immagine

Da Wikimedia Italia.
Versione del 6 mag 2024 alle 10:26 di Iopensa (Discussione | contributi) (→‎Font)
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)
Jump to navigation Jump to search
Comunicazione Wikimedia News Arkivia Sito Mail Comunicati stampa Rassegna stampa Linee guida comunicazione Manuale d'immagine

Presentazioni

Per le presentazioni è bene utilizzare il template su Meta.

Colori

Palette colori Wikimedia Italia

Nome R G B HEX Colore testo
Colori primari
Verde 23 147 121 179379 bianco
Blu 17 138 178 118ab2 bianco
Rosso 207 65 49 cf4131 bianco
Nome R G B HEX Colore testo
Colori secondari
Rosa 254 207 220 fecfdc nero
Giallo 255 209 102 ffd166 nero
Azzurro 0 191 255 00bfff nero
Nome R G B HEX Colore testo
Colori neutri
Nero 31 30 28 1f1e1c bianco
Grigio 178 185 190 b2b9be nero
Bianco 255 255 255 ffffff nero

Colori standard Wikimedia Foundation

Scala di grigi
Nome C M Y K R G B HEX Grayscale Colore testo
Nero 00 00 00 100 00 00 00 000000 100% bianco
Nero 75 00 00 00 75 64 64 64 404040 75% bianco
Nero 50 00 00 00 50 127 127 127 7F7F7F 50% nero
Nero 25 00 00 00 25 191 191 191 BFBFBF 25% nero
Bianco 00 00 00 00 255 255 255 FFFFFF 0% nero
Colori classici Wikimedia
Nome C M Y K R G B HEX Colore testo
Verde 67 00 33 40 51 153 102 396 bianco
Blu 89 63 00 00 00 99 191 0063BF bianco
Rosso 24 100 100 25 153 00 00 900 bianco
Colori classici Wikimedia ad alta leggibilità
Nome C M Y K R G B HEX Colore testo
Verde 64 00 33 61 36 99 66 246342 bianco
Blu 93 48 00 34 12 87 168 0C57A8 bianco
Rosso 00 98 99 41 151 03 02 970302 bianco

Tavolozza creativa Wikimedia Foundation

Colori scuri
Nome C M Y K R G B HEX Colore testo
Rosso 00 98 99 41 151 03 02 970302 bianco
Rosa 00 47 28 10 230 121 166 E679A6 nero
Arancione 00 46 89 07 238 128 25 EE8019 nero
Giallo 00 46 89 07 240 188 00 F0BC00 nero
Viola 52 60 00 29 87 72 181 5748B5 bianco
Verde scuro 57 17 00 56 48 93 112 305D70 bianco
Blu 93 47 00 25 14 101 192 0E65C0 bianco
Blu chiaro 98 38 00 00 04 157 255 049DFF nero
Giallo chiaro 00 01 16 09 233 231 196 E9E7C4 nero
Verde 64 00 35 48 48 133 87 308557 bianco
Verde chiaro 46 00 14 18 113 209 179 71D1B3 nero
Colori chiari
Nome C M Y K R G B HEX Colore testo
Rosso 00 16 16 10 229 192 192 E5C0C0 nero
Rosa 00 11 06 02 249 221 233 F9DDE9 nero
Arancione 00 11 22 02 251 223 197 FBDFC5 nero
Giallo 00 05 24 02 251 238 191 FBEEBF nero
Viola 10 11 00 07 213 209 236 D5D1EC nero
Verde scuro 07 02 00 14 203 214 219 CBD6DB nero
Blu 18 10 00 06 195 216 239 C3D8EF nero
Blu chiaro 25 10 00 00 192 230 255 C0E6FF nero
Giallo chiaro 00 00 04 02 249 249 240 F9F9F0 nero
Verde 09 00 05 12 203 224 213 CBE0D5 nero
Verde chiaro 10 00 03 05 219 243 236 DBF3EC nero

Font

Wikimedia usa Montserrat e Source Serif 4 che sono entrambi font liberi.

Inter Regular Inter Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Il logo di Wikimedia Italia è composto da un simbolo e da un nome. Entrambi gli elementi sono strettamente collegati e possono essere utilizzati esclusivamente secondo le indicazioni descritte di seguito.

Logo monocromo nero

Consigliato l'uso su sfondi colorati chiari (comprese foto e textures).

Logo monocromo bianco

Consigliato l'uso su sfondi colorati scuri (comprese foto e textures).

Il font del testo presente nel logo di Wikimedia Italia è Montserrat Bold 700, fruibile attraverso la Open Font License. Esempio:


Come utilizzare i font sul web

Se si sta realizzando una pagina web, si raccomanda di adottare i font evitando siti di terze parti. In particolare si prega di evitare Google Font.

Se hai bisogno di caricare i font da un sito esterno, puoi valutare l'adozione di https://fontcdn.toolforge.org/ per incorporare quel font da Wikimedia Toolforge. Esempi pratici:

<!-- per HTML: -->
<link href='https://tools-static.wmflabs.org/fontcdn/css?family=Montserrat:700' rel='stylesheet' type='text/css'>

/* oppure, per CSS: */
@import url(https://tools-static.wmflabs.org/fontcdn/css?family=Montserrat:700);

/* Esempio di utilizzo CSS: */
.wmit-font {
  font-family: 'Montserrat', sans-serif;
}

Altri consigli simili nella pagina Sviluppo software.

Strumenti utili

Vedi anche