Le langage visuel repose sur une base éditoriale sobre plutôt que sur une accumulation d'effets décoratifs disparates. Les zones blanches et gris clair permettent à l'article de respirer, tandis que l'encart rouge vif « De quoi s'agit-il ? » apporte un accent concentré qui fait écho à la forte présence visuelle du véhicule sans saturer toute la page. Ce contraste met clairement en valeur le contenu explicatif au milieu des sections voisines dominées par l'image.
La typographie vient renforcer cette identité. La section hero fait appel à un titre gras et condensé pour offrir au Subaru Ascent 2019 une présentation digne d'un magazine, tandis que le texte d'article compact accueille de longs développements dans la vue d'ensemble, les caractéristiques et les sections de verdict. La hiérarchie repose ainsi à la fois sur l'échelle et la densité : un grand titrage attire le regard, tandis qu'un texte plus réduit livre les détails de l'essai.
La photographie constitue le second fil conducteur du design. La section hero associe une image grand format du Subaru Ascent rouge à une seconde photo en superposition. La vue d'ensemble conserve ces visuels de véhicule superposés à côté du bloc de texte rouge, tandis que la partie consacrée aux caractéristiques intègre de grands visuels automobiles pour préserver la continuité alors que le propos devient plus technique. La galerie à trois images, la vue de l'habitacle, le détail de la jante et la photo finale en mouvement prolongent cette ligne graphique à travers différents rôles de contenu.
Ensemble, la palette, le traitement typographique, les espacements et l'agencement des images créent un style d'essai automobile immédiatement identifiable, capable de guider les pages associées sans restreindre le design à une unique composition hero.
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.