L'identité visuelle s'appuie d'abord sur un système de contrastes marqué : les sections bleues et anthracite encadrent les zones de contenu blanches, tandis que les boutons et touches de jaune apportent un point d'accentuation récurrent. Cette palette ne se limite pas à la section hero. Elle se prolonge à travers les cartes de services, le message sur les fondations, les panneaux architecturaux, la zone de contact et le pied de page, permettant aux actions comme aux transitions de section de rester clairement identifiables sur toute la page.
L'imagerie dédiée au bâtiment et à l'architecture constitue le second pilier de cette identité. De grandes photographies introduisent le sujet, des cadrages circulaires rythment les sections consacrées à l'entreprise générale et aux fondations, et des accents géométriques renforcent la thématique de l'environnement bâti sans dépendre exclusivement des photos. Les quatre cartes de services récurrentes et les blocs d'expertise compacts bénéficient d'un traitement visuel uniforme, garantissant la cohérence de l'offre au sein d'une même présentation d'entreprise.
La typographie d'affichage condensée confère aux titres principaux une allure éditoriale et architecturale, particulièrement visible dans des formules telles que « Comment construire les maisons de demain ? » et « Nous bâtissons l'avenir ensemble ». Des espacements généreux évitent toute concurrence visuelle entre les titres et les images, tandis que l'alternance de fonds clairs et sombres instaure un rythme parfaitement maîtrisé. Les encarts consacrés à l'architecture écologique étendent cette identité vers une esthétique de magazine, prolongée jusqu'au terme de la page par les panneaux sociaux et le pied de page. Ensemble, palette, typographie, imagerie, formes et espacements expriment une direction globale harmonieuse dédiée aux services du bâtiment.
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.