Header

Identité des sites et navigation globale

Introduction

Le header est un élément important car il permet à l'utilisateur de comprendre où il se trouve dans l'écosysteme IGN mais aussi de changer rapidement de site.

Le header se découpe en 4 parties distinctes et a des variations par type de site ou univers de l'écosystème IGN.

Structure du Header

Il existe 2 variantes de header.

Variante sans burger menu

Cette variante est conçue pour les sites ne comportant pas une structure de navigation complexe nécessitant une barre de navigation latérale.

Détails des éléments

Tailles des éléments

Espacements

Variante avec burger menu

La variante avec burger menu est utilisée sur les sites ayant une architecture de navigation complexe, comportant 2 niveaux de profondeur au minimum.

Détails des éléments

Tailles des éléments

Espacements

Variations de couleur

Les couleurs du header doivent s'adapter en fonction de l'univers du site conformément au principe établi dans les couleurs primaires de l'IGN.
Voici 4 exemples pouvant exister.

Univers Particulier