Jumbotron

Grand bloc visuel en haut de page qui introduit le contenu de la page.

Description

Le Jumbotron est un module de type Hero, occupant une large zone d’en-tête. Il met en avant un message clé, souvent accompagné d’une image et d’un bouton d’action. Il sert à attirer immédiatement l’attention sur l’objectif principal de la page.

Version Default (Image)

Version Fullscreen

Version Landing page

Usage

Quand l'utiliser ?

Pour introduire la page avec un message principal court fort et un visuel impactant.

Quand ne pas l'utiliser ?

Pour afficher des contenus trop long et autre part qu'en première place.

Exemples

Page d'accueil.

Landing page.

Page produit/contenu.

Des questions ou un feedback ?

N’hésitez pas à contacter la team Design System par mail.