Colori, font e modalità scura

Il tuo logo

In Tema › Colori, aggiungi il tuo Logo. Se il tuo sito viene mostrato anche in modalità scura, aggiungi un Logo per la modalità scura: una versione chiara del tuo logo, che resta leggibile su sfondo scuro.

Per mostrare il nome del sito accanto al logo, fai clic sull’intestazione del tuo sito e, nel pannello di destra, attiva Mostra anche il nome del sito: l’immagine si mette a sinistra, il nome a destra, con la tipografia del tuo stile.

Accordare i colori al tuo marchio

Sempre in Colori, l’impostazione della tonalità ti fa spostare una sola tinta: tutti i colori del sito si ricalcolano a partire da essa, mantenendo la luminosità e il contrasto previsti dallo stile. Il risultato resta leggibile.

• Tinta e Intensità: il colore principale.
• Colore secondario: Analogo (predefinito), Complementare o Triade. Alcuni stili non ne hanno e associano al loro colore principale solo il nero e i grigi.
• Sfondo: dal tono dello stile fino al neutro (bianco o nero).

I Colori derivati sono mostrati come campioni, con un’indicazione del contrasto: «contrasto sufficiente (AA)», oppure un avviso se un testo rischia di non essere leggibile. Un pulsante di ripristino riporta i colori originali dello stile.

I font

La scheda Tipografia propone due scelte: il Font dei titoli (i titoli) e il Font del testo. Lasciali sul valore predefinito per mantenere quelli dello stile.

I tuoi font

A partire dall'edizione Premium, la sezione I miei font della scheda Tipo aggiunge i font della tua identità visiva: file .woff2, .woff, .ttf o .otf.

1. Spunta Ho il diritto di usare questi font su un sito web. Molti font commerciali richiedono una licenza «web».
2. Clicca su Aggiungi un font… e scegli i tuoi file. Aggiungi tutti gli stili di una famiglia (normale, grassetto, corsivo): TOWeb legge in ogni file il nome della famiglia, lo spessore e il corsivo, e li raggruppa da solo.
3. Scegli il tuo font in cima al Carattere dei titoli o al Carattere del testo.

I tuoi font si vedono subito nell'editor, vengono salvati nel sito (backup e copie compresi) e pubblicati con esso, senza dipendere da alcun servizio online. Non c'è codice da incollare né archivio da preparare.

La modalità scura

In Tema › Colori, la sezione Chiaro o scuro, per i visitatori propone:

• Come il visitatore: il sito segue in tempo reale l’impostazione chiara o scura del dispositivo di ogni visitatore. Quando il suo computer o il suo telefono passa allo scuro la sera, il sito passa allo scuro con lui. Un pulsante del sito gli permette di scegliere l’altra modalità; questa scelta dura fino alla successiva modifica dell’impostazione del suo dispositivo;
• Sempre chiaro: il sito viene sempre mostrato in chiaro, senza pulsante di commutazione;
• Sempre scuro: sempre in scuro, senza pulsante di commutazione.

Alcuni stili esistono solo in chiaro o solo in scuro: TOWeb te lo indica, e il sito viene allora sempre mostrato in quella modalità.