Thèmes et image de marque

L'image de marque est la partie du design qui vous appartient. Le design structurel vient de votre Foundation, mais les couleurs et les polices sont toujours sous votre contrôle — c'est ainsi que vous rendez un site résolument le vôtre sans mettre le design en péril. Cette page présente les thèmes que vous pouvez appliquer. Les réglages de thème pour tout le site se trouvent dans l'Éditeur : appuyez sur Aperçu, puis sur Thème global dans sa barre d'outils.

Ce que vous pouvez contrôler

La personnalisation des thèmes dans Uniweb est bien réelle et conséquente, même si la structure est verrouillée :

• Couleurs de base — un système de couleurs coordonné : primaire, secondaire, accent et neutre, chacune avec une gamme complète de nuances, du très clair (50) au très foncé (950).
• Polices — les polices de caractères des titres, du texte courant et d'autres éléments.
• Couleurs d'éléments — les éléments courants comme les titres, les liens et les boutons peuvent être colorés individuellement.

Ces systèmes fonctionnent car ils sont conçus pour faciliter la thématique. La base définit la structure ; vous définissez la marque.

Couleurs de réglage

Ouvrez Thème global et définissez votre système de couleurs. Vous choisissez les couleurs principales ; le système de design les applique de façon cohérente partout. Ainsi, changer votre couleur principale met à jour les boutons, les liens, les accents et bien plus sur tout le site d'un seul coup, toujours en accord avec le design.

La gamme de nuances (50–950) signifie que chaque couleur ne correspond pas à une valeur unique, mais à une famille de teintes et de tons utilisés par le système pour les arrière-plans, les bordures, les effets de survol, etc. Vous définissez la couleur ; le système choisit la nuance appropriée à chaque emplacement.

Définition des polices

Définissez les polices des titres, du texte courant et d'autres éléments, selon ce que votre système de design permet — choisissez une combinaison toute faite, ou choisissez vous-même les polices avec Gérer les polices. Comme pour les couleurs, le changement s'applique à tout le site et reste cohérent.

Le Thème global détermine aussi si le site s'affiche en mode clair, sombre, ou suit le réglage système du visiteur, et les modifications du thème sont des étapes de l'historique unique Annuler / Rétablir de l'éditeur (⌘Z / ⇧⌘Z), depuis l'en-tête d'édition ou celui de l'Aperçu.

remplacements au niveau de la section

Les paramètres globaux du thème peuvent être modifiés pour une section spécifique. Exemple classique : une section principale sombre avec du texte clair, tandis que le reste du site conserve un thème clair. La modification s'applique uniquement à cette section ; le reste du site reste inchangé.

Le style d'une section

En plus de son thème, le style d'une section — dans le Panneau de style du Preview — peut comprendre :

• un arrière-plan : un dégradé, une image ou une vidéo, avec une superposition et un masque de lisibilité pour que le texte reste lisible par-dessus (Arrière-plan et contraste) ;
• une animation (Animation et effets) ;
• des couleurs personnalisées pour cette section (Couleurs et styles personnalisés).

Dans le même panneau, sous Défilement, Rester visible garde la section à l'écran pendant que la page défile — "sous ce qui est déjà maintenu en haut."

Quel réglage l'emporte lorsque deux s'appliquent

Lorsque plusieurs réglages affectent le même élément, ils se superposent ainsi, chacun pouvant affiner le précédent :

1. Valeurs par défaut du système de design — le design structurel et les styles de base.
2. Thème global — vos couleurs et vos polices, définies dans Aperçu → Thème global.
3. Ajustements de section — les réglages propres à chaque section.
4. Options de section — les choix de mise en page et d'affichage qu'offre une section.

Vous bénéficiez d'un contrôle global de la marque au sommet et d'ajustements précis en dessous, sans jamais toucher à la conception structurelle.

Quand le contrôle que vous souhaitez n'est pas là

Votre système de design détermine quels contrôles de thème existent. Si vous avez besoin d'un contrôle de marque qu'il n'offre pas — une nouvelle variable, un changement de couleur structurel —, il s'agit d'une modification de la Foundation elle-même, et non d'un réglage à faire dans l'application. Un site conserve le système de design avec lequel il a été créé : la solution consiste donc à faire ajouter ce contrôle à votre Foundation par un développeur — ou à créer un nouveau site à partir d'un modèle dont le système de design l'offre. Consultez Foundations et modèles.

Où aller ensuite

• Travailler avec les sections — les options de chaque section.
• Publier votre site — les changements de thème sont mis en ligne à la publication.