Inspiration · Sites web

SupaHero

Bibliothèque de sections d’en-tête issues de vrais sites, pour s’inspirer des pages d’accueil.

Visiter supahero.io (nouvelle fenêtre)

SupaHero est une bibliothèque de sections d’en-tête, ou sections hero, issues de vrais sites web. Le site se décrit comme une collection de belles sections d’accueil sélectionnées. Il fait désormais partie de ScreensDesign, une bibliothèque d’applications.

Les exemples proviennent de sites très divers, de studios et de portfolios à des produits connus comme Linear, Stripe ou Figma. La section hero, située tout en haut d’une page, concentre le titre, la phrase d’accroche, l’image et l’appel à l’action, et c’est celle qui conditionne la première impression d’un site.

Pour un·e graphiste ou un·e web designer, la bibliothèque permet de comparer rapidement des solutions pour cette zone précise : taille du titre, place de la capture de produit, choix des couleurs et de la typographie. Elle est utile à la conception d’une page d’accueil de produit ou de service. Elle ne traite que cette partie du site.

Dans la même rubrique