La structure d'une page : barre latérale, barre du haut, pied de page, section. Le squelette qui range tout le reste.
Barre latérale (sidebar)
Colonne verticale à gauche (parfois à droite) : liens de navigation, visible en permanence, page active marquée.
Quand l'utiliser : zone connectée (dashboard), au-delà de 3 sections ; replie en hamburger sur mobile.
Quand l'éviter : pages publiques, ou 2-3 entrées : la barre du haut suffit.
Barre du haut (navbar / header)
Bande horizontale en haut de page : logo, liens principaux, souvent un bouton de connexion ou menu utilisateur à droite.
Quand l'utiliser : pages publiques et complément de la barre latérale en zone connectée.
Quand l'éviter : si la barre latérale contient déjà tout : gardez-la pour le seul menu utilisateur.
Pied de page (footer)
Bande en bas de page : mentions légales, liens secondaires (CGU, contact), parfois réseaux sociaux.
Quand l'utiliser : systématiquement sur les pages publiques, obligatoire pour mentions légales et confidentialité.
Quand l'éviter : en zone connectée, où il prend de la place pour rien.
Section (section / container)
Bloc qui regroupe du contenu cohérent sur une page longue, avec un titre et souvent un fond ou une marge qui le distingue : une landing page est une pile de sections.
Quand l'utiliser : pages publiques longues, pour découper « Bénéfices », « Tarifs », « Témoignages », « FAQ » en blocs respirables.
Quand l'éviter : page à un seul sujet (un formulaire de contact seul).