{"id":14795,"date":"2025-09-01T22:41:32","date_gmt":"2025-09-01T22:41:32","guid":{"rendered":"https:\/\/www.opensolar.com\/linee-guida-del-marchio\/"},"modified":"2025-11-04T12:46:17","modified_gmt":"2025-11-04T12:46:17","slug":"linee-guida-del-marchio","status":"publish","type":"page","link":"https:\/\/www.opensolar.com\/it\/linee-guida-del-marchio\/","title":{"rendered":"Linee guida del marchio"},"content":{"rendered":"
\n\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t

Linee guida del marchio<\/p>\n<\/h1>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tAbout<\/a>><\/span>\t\t\t\t\t\t\t\t\t\t\t\t\t\tLinee guida del marchio\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n
\n
\n
\n

Logo<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Colori<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Tipografia<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Voce e tono<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Fotografia<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Icone<\/p>\n\n\n\n\"\"\n\n\n\n\"\"\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n

Collaborazioni<\/p>\n\n\n\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n

\n

Ti ricordiamo che quando utilizzi le nostre risorse, aderisci ai nostri Termini e Condizioni.<\/a><\/p>\n<\/div>\n\n

\n
\n

Logo<\/p>\n\n\n\nScarica<\/a>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Il nostro logo<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Il nostro simbolo<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Modalit\u00e0 chiara e scura<\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n<\/div>\n\n\n\n
\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Spazio libero<\/p>\n\n\n\n

Il nostro logo ha bisogno di spazio.
Per garantire che sia sempre chiaro e d’impatto, dobbiamo mantenere un’area protetta di spazio libero intorno ad esso.
Questa regola impedisce agli altri elementi di avvicinarsi troppo.<\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n\n\n\n

Blocco orizzontale<\/p>\n\n\n\n\"\"\n\n\n\n

Blocco verticale<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Su immagini<\/p>\n\n\n\n

Per mantenere la leggibilit\u00e0, il logo deve avere un elevato contrasto con lo sfondo. Quando lo inserisci in una foto o in un’immagine complessa, seleziona sempre la versione del logo (ad esempio, a colori o bianca) che risalta maggiormente. <\/p>\n<\/div>\n\n\n\n

\n
\n\"\"\n\n\n\n

Questa immagine ha uno sfondo scuro e profondo, quindi utilizziamo il logo bianco<\/strong>. Il nostro simbolo giallo e il testo bianco creano un elevato contrasto con lo sfondo. <\/p>\n\n\n\n\"\"\n\n\n\n

Questa immagine ha uno sfondo chiaro e luminoso, quindi utilizziamo il logo a colori<\/strong>. Il nostro simbolo giallo e il testo grigio creano un elevato contrasto con lo sfondo. <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Cose da evitare<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Colori<\/p>\n\n\n\n

<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Evidenzia il giallo<\/p>\n\n\n\n

Questo \u00e8 il nostro colore d’accento principale, utilizzato per attirare l’attenzione e aggiungere un lampo di energia. Usalo con parsimonia per ottenere il massimo impatto. <\/p>\n\n\n\n

Ideale per:<\/strong> Titoli di testa, call-to-action o come colore di testo a contrasto su sfondi scuri (blu).<\/p>\n\n\n\n

Non utilizzare:<\/strong> Usalo per grandi blocchi di colore o per il testo del corpo.<\/p>\n<\/div>\n\n\n\n

\n

#FFCC26<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Blu primario<\/p>\n\n\n\n

Questo \u00e8 il colore principale del nostro marchio e la parte pi\u00f9 riconoscibile della nostra identit\u00e0 visiva. Dovrebbe essere il colore dominante nella maggior parte dei progetti. <\/p>\n\n\n\n

Ideale per:<\/strong> Titoli principali, testo in evidenza, icone “Soluzione” e momenti principali del marchio.<\/p>\n<\/div>\n\n\n\n

\n

#2A71DB<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Testo del corpo<\/p>\n\n\n\n

Questo colore quasi nero \u00e8 il nostro colore principale per tutti i testi. Viene utilizzato per garantire un’elevata leggibilit\u00e0 senza l’asprezza del nero puro. <\/p>\n\n\n\n

Ideale per:<\/strong> Tutti i testi, i paragrafi e la maggior parte dei sottotitoli.<\/p>\n<\/div>\n\n\n\n

\n

#0A090B<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Testo secondario<\/p>\n\n\n\n

Questo grigio tenue crea una chiara gerarchia visiva. Viene utilizzato per le informazioni di supporto che dovrebbero essere meno evidenti rispetto al testo principale. <\/p>\n\n\n\n

Ideale per:<\/strong> Piccoli testi descrittivi, didascalie, titoli “Pain Point” e altre informazioni non critiche.<\/p>\n<\/div>\n\n\n\n

\n

#4F4D55<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n

Tela<\/p>\n\n\n\n

Questo \u00e8 il nostro colore di sfondo standard. Offre una tela morbida, pulita e moderna per i nostri contenuti ed \u00e8 preferito al bianco puro per la maggior parte delle applicazioni. <\/p>\n\n\n\n

Ideale per:<\/strong> Sfondi di diapositive, sfondi di pagine web e layout generale.<\/p>\n\n\n\n

Nota: il<\/strong> bianco puro (#FFFFFF<\/code><\/strong> ) pu\u00f2 essere utilizzato come sfondo alternativo quando i layout richiedono un contrasto maggiore o includono caselle grigie stratificate.<\/p>\n<\/div>\n\n\n\n

\n

#F9F9F9<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Tipografia<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Caratteri tipografici<\/p>\n\n\n\n

Il nostro carattere \u00e8 Inter.<\/p>\n\n\n\n

Inter \u00e8 disponibile gratuitamente su Google.<\/a><\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Peso<\/p>\n\n\n\n

Per creare un layout pulito, coerente e di facile lettura, utilizziamo quattro pesi specifici del font del nostro marchio. Ogni peso ha uno scopo ben preciso. <\/p>\n\n\n\n

Luce<\/strong>

Usa questo peso con parsimonia per ottenere un’atmosfera ariosa e sofisticata. \u00c8 meglio riservarlo a testi di grandi dimensioni, come ad esempio una tagline importante su una diapositiva di presentazione o una grande citazione di un cliente. <\/p>\n\n\n\n

Nota: evita di usare Light per testi piccoli o paragrafi lunghi, perch\u00e9 pu\u00f2 risultare difficile da leggere.<\/p>\n\n\n\n

Regolare<\/strong>

Questo \u00e8 il peso principale e predefinito per tutto il testo del corpo. \u00c8 ottimizzato per garantire la massima leggibilit\u00e0 dei paragrafi, degli elenchi e della maggior parte dei contenuti in generale. <\/p>\n\n\n\n

Media<\/strong>

Usa Medium per i sottotitoli, i richiami chiave o per aggiungere enfasi all’interno di un blocco di testo. Crea un chiaro livello secondario di importanza e funziona bene per il testo su sfondi colorati. <\/p>\n\n\n\n

Semi Bold<\/strong>

Questo \u00e8 il peso maggiore, riservato a tutti i titoli principali e alle affermazioni ad alta priorit\u00e0. \u00c8 progettato per catturare l’attenzione e stabilire il messaggio pi\u00f9 importante. <\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Dimensionamento<\/p>\n\n\n\n

Mantenendo le proporzioni si ottiene un’importante gerarchia. Usa questa guida alle dimensioni come punto di partenza, ma non sacrificare mai la leggibilit\u00e0. <\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Fotografia<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Sezione<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Icone<\/p>\n\n\n\n\"\"\n<\/div>\n\n\n\n

\n
\n

Stile<\/p>\n\n\n\n

Manteniamo le nostre icone uniformi utilizzando uno stile non riempito con un tratto sottile.<\/p>\n\n\n\n

Puoi utilizzare un’icona da sola o racchiuderla in una forma.<\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Biblioteca<\/p>\n\n\n\n

La maggior parte delle nostre icone proviene dalla libreria Material Symbols & Icons.<\/p>\n\n\n\n

La libreria \u00e8 disponibile su Google.<\/a><\/p>\n<\/div>\n\n\n\n

\n\"\"\n<\/div>\n<\/div>\n<\/div>\n\n
<\/div>\n