Cambiare l'aspetto del sito: stile, colori, caratteri e logo

L’aspetto del tuo sito si imposta nel pannello Stile dell’editor: uno stile di base, una coppia di caratteri, i tuoi colori, la forma delle foto e la spaziatura. Ogni modifica compare subito nell’anteprima, e i visitatori la vedono dopo la tua prossima pubblicazione. Il tuo logo e la piccola icona della scheda del browser si trovano in Impostazioni del sito.

Aprire il pannello Stile

1. Nell’editor, apri il menu … nella barra in alto.
2. Clicca su Stile.

Ogni modifica si salva da sola e compare subito nell’anteprima: non serve cliccare su Aggiorna. Ogni modifica è anche una versione, quindi la freccia di annullamento e Versioni funzionano come per qualsiasi altra modifica.

Hai scelto un primo stile quando hai creato il sito. Puoi cambiarlo qui in qualsiasi momento.

I 4 stili di base

Sotto Stile di base, ogni scheda imposta i colori e i caratteri di tutto il sito.

I caratteri e i colori che scegli tu (vedi sotto) restano quando passi a un altro stile di base. Così puoi provare i quattro stili senza perdere il colore del tuo marchio.

Caratteri

Ogni coppia di Caratteri ha un carattere per i titoli e uno per il testo:

• Elegante: Gilda Display per i titoli, Hanken Grotesk per il testo
• Classica: Playfair Display e Source Sans 3
• Calda: Lora e Nunito Sans
• Moderna: Manrope e Inter

Clicca su una coppia per usarla. Per tornare ai caratteri del tuo stile di base, clicca su Usa i caratteri dello stile.

Su un sito in russo, Elegante è in grigio con Non disponibile in russo: i suoi caratteri non hanno lettere russe. Le pagine in cinese usano i caratteri cinesi del dispositivo del visitatore.

Non c’è un’impostazione per la dimensione del testo.

I tuoi colori

Sotto Colori, puoi sostituire tre colori dello stile:

• Colore principale (pulsanti e link)
• Sfondo
• Testo

1. Clicca sul quadratino del colore per sceglierne uno, oppure scrivi il suo codice nel campo accanto (ad esempio #1d6a85) e premi Invio.
2. Guarda l’esempio sotto i colori: un pulsante Prenota e Un link mostrano come appariranno.
3. Per eliminare i tuoi colori e tornare a quelli dello stile, clicca su Usa i colori dello stile.

Un solo insieme di colori vale per tutto il sito: un blocco non può avere colori suoi, e non esiste una versione scura del sito.

Colori dal tuo logo

Quando il tuo sito ha un logo, Colori dal tuo logo mostra fino a 3 colori trovati nel logo. Clicca su uno di essi per farne il tuo colore principale. Bianco, nero e grigi vengono ignorati, quindi un logo in bianco e nero mostra “Nessun colore trovato nel tuo logo.”

Come Nowistay mantiene leggibili i tuoi colori

Alcuni colori sono difficili da leggere su un sito, ad esempio un pulsante giallo pallido con il testo bianco. Nowistay li regola per te:

• I pulsanti mantengono il tuo colore principale. Quando è troppo chiaro per risaltare sullo sfondo, Nowistay lo scurisce quanto basta. Il testo sul pulsante è bianco o scuro, a seconda di cosa si legge meglio.
• I link usano una tonalità più scura del tuo colore principale quando serve, così si leggono sullo sfondo.
• Lo sfondo resta sempre chiaro, e il testo resta abbastanza scuro da leggere.

Quando Nowistay cambia uno dei tuoi colori, il pannello indica: “Regolati perché tutto resti leggibile: i link usano una tonalità più scura del tuo colore, gli sfondi restano chiari e il testo abbastanza scuro.”

Esempio: affitti una villa al mare, Villa Azur, e il tuo logo è un sole giallo pallido. In Colori dal tuo logo, clicchi sul giallo. Nell’anteprima, i pulsanti diventano di un giallo leggermente più intenso con il testo scuro, e i link di una tonalità più scura dello stesso giallo, mentre lo sfondo resta chiaro. Se vuoi pulsanti più decisi, scrivi tu stesso un giallo più intenso in Colore principale (pulsanti e link).

Forme e spaziature

Sotto Forme e spaziature:

• Forma delle foto: Quadrata, Leggermente arrotondata (angoli appena arrotondati) o Arco (parte superiore arrotondata). Cambia le foto del banner principale e delle schede degli alloggi.
• Spaziatura: Ampia lascia più spazio tra le parti di ogni pagina, Standard le avvicina.

Logo e icona

Il logo e l’icona si impostano nelle impostazioni del sito.

1. Apri il menu …, poi Impostazioni del sito.
2. In Identità del sito, sotto Logo, clicca su Carica e scegli il tuo file. Usa Sostituisci o Rimuovi per cambiarlo in seguito.
3. Sotto Icona, clicca su Carica e scegli un’immagine quadrata.

La parte alta delle tue pagine ha sempre uno sfondo chiaro, quindi usa la versione del logo pensata per sfondi chiari (un logo bianco non si vedrebbe). Entrambi sono facoltativi.

Maggiori dettagli sulle altre impostazioni in Impostazioni del sito: nome, contatti, alloggi e Google.

Chiedi invece all’IA

L’IA può cambiare per te lo stile di base, i caratteri, i colori, la forma delle foto e la spaziatura. Ad esempio:

• “Usa lo stile Campagna con le foto ad arco.”
• “Fai del blu delle nostre persiane il colore principale, un po’ più scuro.”

Non può cambiare il logo né l’icona. Vedi Modificare il sito con l’IA.

Mettere online il nuovo aspetto

L’anteprima mostra subito il tuo nuovo aspetto. Per controllarlo su uno schermo piccolo, clicca sull’icona Telefono nella barra dell’editor.

I visitatori lo vedono dopo che hai pubblicato: clicca su Pubblica, poi su Pubblica le modifiche. Da quel momento anche il calendario di prenotazione del tuo sito prende i tuoi colori e i tuoi caratteri. Vedi Pubblicare il sito e mettere online le modifiche.