Le langage visuel du bloc repose sur le contraste et la répétition. Un arrière-plan anthracite foncé donne le ton dominant, tandis que des cartes gris-bleu plus douces composent une surface secondaire plus posée pour présenter les six éléments de service ou thématiques. Le texte bleu pâle et les icônes circulaires au trait se répètent sur l'ensemble de la disposition, unifiant les cartes même lorsque leur contenu individuel diffère. Il en résulte une palette maîtrisée plutôt qu'une juxtaposition de traitements graphiques sans lien.
La typographie vient consolider ce système. Chaque carte comporte un titre et un paragraphe descriptif, puis s'achève par une étiquette inférieure en chasse fixe qui apporte une nuance subtile mais délibérée de texture. Le titre d'introduction centré et le paragraphe d'accompagnement font écho à l'alignement appliqué dans les cartes, tandis que les formes rectangulaires et les espacements réguliers préservent l'équilibre de l'ensemble. La structure en trois colonnes et deux rangées confère également au langage visuel une cadence régulière tout au long de la section.
En tant que composant de conception web, ce bloc permet d'intégrer une présentation des services reconnaissable au sein d'un projet plus vaste. Sa palette, le style de ses icônes, la surface de ses cartes et le traitement de ses étiquettes peuvent être repris dans des sections connexes, tandis que d'autres blocs remplissent des fonctions éditoriales différentes. Une seule section ne saurait définir l'identité complète d'un site, mais cette association précise offre des repères visuels clairs pour une orientation globale homogène.
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.