Ce bloc possède une identité visuelle affirmée qui lui permet de servir de véritable point d'ancrage au fil d'une page continue. Le titre « Fruits et légumes de saison » démarque immédiatement la section, et le paragraphe explicatif apporte un éclairage concis sur les normes de l'agriculture biologique. Le séparateur isole ensuite cette introduction du contenu visuel principal : six photos de produits réparties sur une galerie de trois colonnes et deux rangées.
Au sein d'une expérience sur une seule page, cette structure peut s'insérer naturellement entre différentes sections voisines, comme une introduction, des informations sur l'exploitation agricole, le détail des produits ou les coordonnées. La zone de titre vert pâle délimite visuellement la section, tandis que son chevauchement avec la galerie assure une transition fluide tout au long du parcours du visiteur. Les gouttières blanches préservent la lisibilité de chaque photo, et les effets au survol ainsi que le comportement de la lightbox font de cette galerie une invitation à l'exploration visuelle plutôt qu'une simple suite d'images passive.
Cette section peut être reliée au menu de navigation principal de la page s'il en existe un, mais le bloc n'a besoin que d'un sujet clair et d'une continuité interne pour fonctionner par lui-même. Son rôle est de raconter les produits de saison : un court contexte en haut, une galerie visuelle variée en bas, et une distinction graphique suffisante pour s'affirmer comme une étape clé d'un parcours plus vaste sur une page unique.
Lorsque vous utilisez Générateur de modèles d'une page, 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.
Organisez votre site web sous forme de sections sur une seule page et utilisez le Menu pour site monopage pour associer les éléments du menu aux blocs de la page. Les visiteurs peuvent ainsi accéder directement à des sections comme « À propos », « Services », « Témoignages » ou « Contact » sans ouvrir de pages séparées.
Un modèle monopage permet de regrouper plusieurs parties d'un petit site web sur une seule page. Organisez l'en-tête, l'introduction, les services, le portfolio, les informations sur l'entreprise, les avis, les coordonnées et les autres sections pertinentes dans l'ordre le plus approprié à votre projet, tout en veillant à ce qu'elles restent accessibles via la même navigation.
Pour les sites web monopages longs, utilisez des libellés de navigation courts et pertinents afin que les visiteurs puissent naviguer facilement sur la page sans avoir à la faire défiler. Vous pouvez également utiliser l'élément Retour en haut pour permettre un retour rapide au début après les sections plus longues.
Ce flux de travail rend le modèle idéal pour les sites web compacts nécessitant plusieurs sections de contenu distinctes, tout en conservant une expérience utilisateur complète sur une seule URL.