L'identité visuelle est fondée sur le contraste. Les sections et arrière-plans bleu marine foncé constituent un support affirmé pour les textes blancs, tandis que des touches de jaune vif attirent l'attention sur les boutons et les points d'accentuation choisis. Cette palette confère à la page une identité nette de construction et d'ingénierie sans dépendre d'une surcharge décorative. Des titres sans serif marqués définissent la hiérarchie principale, et un corps de texte dense maintient les explications secondaires à un rang visuel subordonné.
L'imagerie renforce cette orientation sous plusieurs formats. De grandes photographies de chantier animent la section hero d'ouverture et le bloc consacré à l'entreprise générale, tandis qu'une large image d'arrière-plan soutient les quatre cartes de compétences. Des visuels circulaires accompagnent les catégories de services et le bloc « Notre histoire », instaurant un langage géométrique récurrent qui distingue les contenus axés sur l'humain et l'entreprise des panneaux de services plus techniques. Des cartes aux angles arrondis et des boutons d'appel à l'action arrondis viennent adoucir cette thématique brute tout en préservant une séparation visuelle nette.
Ce même parti pris graphique s'applique aux zones d'information et d'interaction. Trois cartes de services présentent les compétences générales, des listes textuelles techniques apportent des précisions détaillées et des cartes thématiques illustrées mettent en valeur Conception-Construction, Rénovation, Espaces Urbains et Génie Civil. Quatre affichages circulaires de données poursuivent le motif arrondi avant que la section de contact sombre ne renoue avec un contraste élevé autour des coordonnées professionnelles et du formulaire de contact. Le résultat est un système visuel cohérent pour un site de services du bâtiment plutôt qu'une page d'accueil purement décorative.
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.