Couleurs, polices et mode sombre

Votre logo

Dans Thème › Couleurs, ajoutez votre Logo. Si votre site s’affiche aussi en sombre, ajoutez un Logo pour le mode sombre : une version claire de votre logo, qui reste lisible sur fond foncé.

Pour afficher le nom du site à côté du logo, cliquez sur l’en-tête de votre site et, dans le panneau de droite, activez Afficher aussi le nom du site : l’image se place à gauche, le nom à droite, avec la typographie de votre style.

Accorder les couleurs à votre marque

Toujours dans Couleurs, le réglage de tonalité vous fait déplacer une seule teinte : toutes les couleurs du site se recalculent à partir d’elle, en gardant la clarté et le contraste prévus par le style. Le résultat reste lisible.

• Teinte et Intensité : la couleur principale.
• Couleur secondaire : Analogue (par défaut), Complémentaire ou Triade. Certains styles n’en ont pas et n’associent à leur couleur principale que du noir et des gris.
• Fond : du ton du style jusqu’au neutre (blanc ou noir).

Les Couleurs dérivées s’affichent en pastilles, avec une indication de contraste : « contraste suffisant (AA) », ou une alerte si un texte risque de ne pas se lire. Un bouton de réinitialisation ramène les couleurs d’origine du style.

Les polices

L’onglet Typo propose deux choix : la Police d’affichage (les titres) et la Police de texte. Laissez-les sur la valeur par défaut pour garder celles du style.

Vos propres polices

À partir de l’édition Premium, la section Mes polices de l’onglet Typo ajoute les polices de votre charte graphique : fichiers .woff2, .woff, .ttf ou .otf.

1. Cochez J’ai le droit d’utiliser ces polices sur un site web. Beaucoup de polices commerciales demandent une licence « web ».
2. Cliquez sur Ajouter une police… et choisissez vos fichiers. Ajoutez tous les styles d’une famille (normal, gras, italique) : TOWeb lit dans chaque fichier le nom de la famille, la graisse et l’italique, et les regroupe seul.
3. Choisissez votre police en tête de la Police d’affichage ou de la Police de texte.

Vos polices s’affichent aussitôt dans l’éditeur, sont enregistrées dans le site (sauvegardes et copies comprises) et publiées avec lui, sans dépendre d’aucun service en ligne. Il n’y a ni code à coller ni archive à préparer.

Le mode sombre

Dans Thème › Couleurs, la rubrique Clair ou sombre, pour vos visiteurs propose :

• Selon le visiteur : le site suit en direct le réglage clair ou sombre de l’appareil de chaque visiteur. Quand son ordinateur ou son téléphone passe en sombre le soir, le site passe en sombre avec lui. Un bouton du site lui permet de choisir l’autre mode ; ce choix dure jusqu’au prochain changement de réglage de son appareil ;
• Toujours clair : le site s’affiche toujours en clair, sans bouton de bascule ;
• Toujours sombre : toujours en sombre, sans bouton de bascule.

Certains styles n’existent qu’en clair ou qu’en sombre : TOWeb vous l’indique, et le site s’affiche alors toujours dans ce mode.