I colori definiscono una forte identità del brand, evocano emozioni e guidano l’attenzione degli utenti verso sezioni specifiche del tuo sito web. Una palette ben studiata rende il sito visivamente accattivante e memorabile per i visitatori. Questa guida spiega come modificare i colori del tuo sito, scegliere combinazioni cromatiche e utilizzare opzioni personalizzate per rendere unici testi, pulsanti e layout.
Per gestire i colori del tuo sito web, segui questi passaggi:
Nell’Editor del sito, fai clic su Design nel menu in alto.
Seleziona Colori dal menu a discesa.
Usa il menu laterale per sfogliare le combinazioni disponibili oppure seleziona le opzioni personalizzate.
Scegli l’opzione Popolari per selezionare palette già pronte oppure generarne una tua:
Selezione - Fai clic su una combinazione di colori per applicarla immediatamente, oppure fai clic sul pulsante più per vedere ulteriori varianti.
Personalizzazione - Fai clic su ogni singolo colore all’interno di una combinazione per sceglierne uno nuovo dal selettore colore.
Filtri e Preferiti - Usa il filtro per visualizzare combinazioni in base a colori specifici oppure fai clic sull’icona a forma di cuore per contrassegnare una palette come preferita.
Strumenti di generazione - Fai clic sull’icona Palette per creare una combinazione tramite un codice hashtag, oppure usa l’icona Immagine per generare una palette basata sull’immagine di copertina della tua homepage.
Usa l’opzione Personalizzato per perfezionare elementi specifici in tutto il tuo sito web:
Colore principale e pulsanti - Scegli il colore primario per i link e le sezioni essenziali. Usa i pulsanti "Apply to all" per sincronizzare rapidamente questo colore su tutti gli elementi e sul testo dei pulsanti.
Colori del menu - Personalizza i colori per lo sfondo del menu, il testo, gli effetti al passaggio del mouse, i bordi e le linee di separazione tra le pagine.
Colori della pagina - Imposta lo sfondo, il testo e i colori degli elementi per la Pagina principale, la Seconda pagina e le Pagine interne (pagine non mostrate nella homepage).
Sezione e piè di pagina - Regola il colore principale per sezioni specifiche delle tue pagine e scegli i colori di sfondo e testo per il piè di pagina.
Gerarchia visiva - Utilizzare un colore principale coerente aiuta gli utenti a identificare più facilmente gli elementi interattivi, come pulsanti e link.
Coerenza del brand - Generare una combinazione di colori dall’immagine della homepage è un modo rapido per assicurarti che i colori del sito siano in linea con il branding principale.
Effetti hover - Ricorda di controllare i colori del menu al passaggio del mouse, per garantire che il testo resti leggibile quando un visitatore interagisce con la navigazione.
Verifica della visibilità del colore del testo - Dopo aver regolato i colori del testo sul tuo sito web, è importante rivedere le modifiche per assicurarti che il colore selezionato risalti rispetto allo sfondo, alle caselle di testo e ai colori dei pulsanti. Se il testo si confonde con questi elementi, potrebbero verificarsi problemi per cui le caselle di controllo, i contenuti della pagina e il testo dei pulsanti diventano "invisibili".
Salvo quando viene fornita un’opzione specifica, cambiare i colori del tuo sito web influisce su tutte le pagine e su tutti i contenuti. Questo significa che non puoi apportare modifiche a singoli segmenti delle pagine o dei contenuti del sito. Tieni presente che puoi modificare i colori delle sezioni usando l’icona a forma di ingranaggio; scopri di più su Modificare le sezioni del sito web
