Dernière mise à jour : 31 mars 2026
Lignes directrices qui facilitent la conception et le développement des pages Web afin qu’elles soient cohérentes et équilibrées dans l’ensemble du site d’Hydro-Québec.
Espacements
Les espacements contribuent à offrir un design visuellement bien équilibré, quelle que soit la taille de l’écran utilisée.
Grille
La grille permet d'organiser les contenus afin qu’ils soient présentés de manière harmonieuse sur toutes les tailles d'écran.
Icônes
Les icônes sont des représentations graphiques de concepts, d’objets ou d’actions qui servent à communiquer rapidement une information facilitant la compréhension de l’interface et la façon d’y naviguer.
Mise en page
La mise en page consiste en la façon de disposer différents éléments de contenu dans une page afin d'offrir une expérience utilisateur accessible et cohérente dans l’ensemble du site.
Ratio d’image
Le ratio d’image est le rapport entre la largeur et la hauteur de l’image lui assurant une cohérence visuelle sur les différentes tailles d’écrans où elle s’affiche.