Les grandes règles à respecter

Le responsive

Le site est conçu sur un mode responsive afin de s’adapter à toutes les résolutions d’écran, de l’écran d’ordinateur au smartphone. Plus on réduit la largeur de la fenêtre de navigation plus les blocs glissent les uns sous les autres.

> En savoir plus sur le responsive design 

Les modèles de pages

On appelle modèle la structure graphique de la page. Il existe un modèle par type de page.
Chaque espace utilise 3 modèles de page type.

> Pour découvrir ces gabarits cliquer ici

Les polices de caractères

Les 2 polices utilisées sont : 

  1. L’Avenir
  2. L’Antagometrica

> Toutes les informations sur l'utilisation des polices 

Les couleurs

La signalétique couleur s’appuie sur 6 couleurs dominantes.
Une couleur dominante désigne une cible.
Lorsqu’un élément est en couleur dominante il est généralement cliquable ou sélectionné.
Le fond de la page est blanc à 100% (#FFFFFF).
On utilise le jaune en couleur transverse, par petite touche, comme un rappel de la barre du logo.

Tous les éléments graphiques du site qui ne sont pas de couleur dominante ou jaune doivent être traités en gris (parmi les 11 proposés par la charte) lorsqu’ils sont sur fond clair ou en blanc lorsqu’ils sont sur fond foncé.

L’utilisation de toute autre couleur que celles définies dans la charte est interdit.

> Toutes les informations sur l'utilisation des couleurs

Principe de navigation

Toutes les pages du site possèdent un header, un footer et un méga menu permettant de naviguer sur le site.

> En savoir plus

Les éléments graphiques

L’identité graphique du site GRDF.fr s’appuie sur des signes graphiques structurants qui :

  • Délimitent les différentes zones des pages ;
  • Définissent une signalétique ;
  • Hiérarchisent l’information.
  • Facilitent l’ergonomie

> En savoir plus 

Les images

Les images présentes sur le site internet sont :

  • Des photographies fixes ;
  • Des photographies animées (GIF animés) ;
  • Des infographies ;
  • Des vignettes de vidéo.

> Toutes les informations sur les images ici