L'identité visuelle du design s'appuie d'abord sur une palette de vert, de blanc et de bleu-gris discret. Des bandeaux vert foncé soulignent les contenus consacrés aux habitudes saines et les six recommandations numérotées, donnant à ces sections pédagogiques une assise plus marquée. Des cartes visuelles blanches dans l'espace des quatre habitudes et les trois cartes de stratégies bien-être créent des surfaces claires en rappel sur des arrière-plans plus soutenus. Ce contraste distingue clairement les différents ensembles de contenus de la page sans dévier de la ligne globale.
La photographie constitue le second pilier de cette identité. L'image lifestyle d'ouverture installe une approche de la santé centrée sur l'humain, tandis que la section « Santé et forme » déploie six tuiles variées pour le Pilates, le plein air, la méditation, la nutrition, la salle de sport et les soins de spa. La photographie culinaire s'empare ensuite du premier plan dans le pêle-mêle sur l'alimentation saine et la section en superposition consacrée aux légumes. Ces choix d'imagerie relient forme et nutrition au sein d'un même univers de bien-être, évitant de les aborder comme des thématiques isolées.
Des titres sans empattement en gras, des textes d'accompagnement concis, de généreux espacements verticaux, des boutons d'appel à l'action arrondis et des mises en page sous forme de cartes parachèvent le système. Les éléments numérotés introduisent un rythme d'information plus éditorial, tandis que la mosaïque apporte de la variété graphique à la page. Les touches sombres récurrentes, les panneaux blancs, les légendes d'images et les cartes de contact alignées permettent au design de préserver une personnalité affirmée dans ses sections consacrées à la santé, aux activités, à l'alimentation et à la conclusion.
Lorsque vous utilisez Créateur de conception de site Web, vous pourrez ajuster les couleurs, les polices, l'en-tête et le texte, la mise en page, les colonnes et autres éléments de conception, ainsi que le contenu et les images.
Utilisez les Paramètres du thème pour définir l'identité visuelle du site web, de ses pages à ses sections. Définissez les couleurs, les polices et la typographie globales afin que le site adopte la même orientation graphique, au lieu de styliser chaque page indépendamment.
Choisissez une palette de couleurs et une combinaison de polices adaptées au caractère du site web, puis peaufinez les titres (H1 à H6), le texte courant, les liens, les boutons, les citations, les listes et les autres styles typographiques. L'utilisation cohérente de ces paramètres contribue à créer une hiérarchie visuelle claire et permet de reconnaître facilement les éléments graphiques récurrents sur l'ensemble du site.
Utilisez les Effets d'animation pour rendre le design du site web plus dynamique et interactif. Les éléments et conteneurs peuvent utiliser des effets tels que « Exécuter à l'affichage », « Animation au survol » et « Synchroniser l'animation avec le défilement » pour afficher du contenu lorsque les visiteurs naviguent sur le site ou en réponse à leurs interactions. Les préréglages d'animation offrent des effets prêts à l'emploi, adaptables au style visuel du site web.
Appliquez la même orientation graphique aux éléments partagés du site web, tels que l'en-tête, le menu et le pied de page. Le panneau de configuration du thème regroupe les commandes de style communes à l'ensemble du site, facilitant ainsi le maintien d'une apparence harmonieuse, même lorsque le site web s'étend sur plusieurs pages.
Ce processus fait de ce modèle un point de départ idéal pour créer un site web doté d'une identité visuelle cohérente, de couleurs et d'une typographie coordonnées, de règles de conception partagées et d'effets interactifs sur l'ensemble de ses pages.