Le langage visuel du design s'articule autour d'une palette médicale bleu et blanc, complétée par de légers dégradés et des touches bleues soutenues. Les zones claires créent de l'espace autour des titres et du corps de texte, tandis que les blocs à fond bleu confèrent aux catégories de soins, aux informations institutionnelles et aux valeurs une présence plus affirmée. Ce contraste préserve un aspect résolument clinique sans pour autant rendre chaque section visuellement identique.
La photographie médicale sert de vecteur récurrent à cette identité. La section hero d'ouverture présente l'image d'un médecin à côté du message principal, la section « Notre méthode » s'appuie sur une grande photo de l'équipe soignante et le bloc « Services de soins » met en avant des équipements médicaux. Un traitement graphique similaire réapparaît dans la zone de contact finale, où le formulaire est disposé sur un fond à thématique médicale. Ces choix d'intégration relient le message de l'établissement, sa démarche opérationnelle, ses offres et son point d'interaction autour d'un même fil conducteur visuel.
La répétition des cartes compose la structure graphique d'ensemble. Deux cartes de soins, quatre cartes de services, trois cartes institutionnelles, trois portraits de l'équipe et quatre cartes de témoignages regroupent chacune des contenus distincts, mais leurs formats varient suffisamment pour signaler des fonctionnalités précises. Les portraits circulaires apportent de la proximité à la présentation des praticiens et des avis, tandis que les cartes blanches créent une séparation nette sur les fonds bleu clair ou bleu soutenu. Une typographie sans empattement compacte assure la parfaite maîtrise des titres et des textes d'accompagnement sur l'ensemble de la page. Combinés, la palette de couleurs, l'imagerie, les formes, le style des cartes et l'alternance des arrière-plans constituent une identité visuelle qui s'étend tout naturellement à d'autres pages du domaine de la santé.
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.