Charte graphique WEBÉPARGNE Couleurs Typographie Logo DRA 01/10/2012

Présentation au sujet: "Charte graphique WEBÉPARGNE Couleurs Typographie Logo DRA 01/10/2012"— Transcription de la présentation:

1 Charte graphique WEBÉPARGNE Couleurs Typographie Logo DRA 01/10/2012

2 Maquette Écrans WebEpargne / particulier

3 Couleurs hexadécimales
Maquette Écrans WebEpargne / particulier Nouvelles couleurs en corrélation avec la V3 du site PROBTP. La couleur dominante est le bleu de l’Espace Particulier. Le menu : - Lorsqu’il y a plusieurs choix dans le menu déroulant, l’item choisit passe son fond en bleu foncé (#097c86) et le texte en blanc pour une meilleure lisibilité. Les autres choix du menu prennent un fond bleu clair (#89cdd5) et un texte bleu foncé (#097c86). Lien des différents éléments de navigation du menu par un trait vertical. Les tableaux : Titre en bleu foncé (#097c86) sur un fond gris (#c6cecd). Les lignes du tableau seront alternées en blanc et gris (#dce1dd) avec un texte gris #

4 Cotations Maquette Écrans WebEpargne / particulier 20 pixels
20 pixels de marge à gauche pour le texte 20 de marge à droite pour le texte 14 pixels 25 pixels 12 pixels 10 pixels 30 pixels 12 pixels 20 pixels 10 pixels Fond lignes 22 pixels de haut 10 pixels 10 pixels Fond lignes18 pixels de haut Retrait de 35 pixels à partir du bord 20 pixels

5 Couleurs hexadécimales
Maquette Écrans WebEpargne / particulier Couleur de fond #00a3b3 Couleur de fond #097c86 Couleur de fond #89cdd5 Couleur de fond #c6cecd Couleur de fond #dce1dd Couleur de fond #e8e8f0

6 Typographie Maquette Écrans WebEpargne / particulier
Arial bold corps 15 #ffffff Arial régular corps 11 #ffffff Arial bold corps 12 #ffffff Arial bold corps 12 #393939 Arial régular corps 12 #097c86 Arial régular corps 12 #00a3b3 Arial régular corps 11 #097c86 Arial régular corps 11 #535353 Arial bold corps 12 #ffffff Arial régular corps 10 #535353

7 Maquette Écrans WebEpargne / entreprise

8 Couleurs hexadécimales
Maquette Écrans WebEpargne / entreprise Nouvelles couleurs en corrélation avec la V3 du site PROBTP. La couleur dominante est le rouge de l’Espace Entreprise. Le menu : - Lorsqu’il y a plusieurs choix dans le menu déroulant, l’item choisit passe son fond en rouge foncé (# 97141a) et le texte en blanc pour une meilleure lisibilité. Les autres choix du menu prennent un couleur claire (# fceeee) et un texte rougefoncé (# 98141b). Lien des différents éléments de navigation du menu par un trait vertical. Les tableaux : Titre en noir (# ) sur un fond gris (#c6cecd). Les lignes du tableau seront alternées en blanc et gris (#dce1dd) avec un texte gris # ou rouge foncé (# 97141a) .

9 Cotations Maquette Écrans WebEpargne / entreprise 20 pixels
20 pixels de marge à gauche pour le texte 20 de marge à droite pour le texte 14 pixels 25 pixels 12 pixels 10 pixels 30 pixels 20 pixels lignes 22 pixels de haut 10 pixels lignes16 pixels de haut 10 pixels Retrait de 35 pixels à partir du bord

10 Couleurs hexadécimales
Maquette Écrans WebEpargne / entreprise Couleur de fond # e32d29 Couleur de fond #97141a Couleur de fond #c6cecd Couleur de fond #fceeee Couleur de fond #dce1dd Couleur de fond # fceeee

11 Typographie Maquette Écrans WebEpargne / particulier
Arial bold corps 15 #ffffff Arial régular corps 11 #ffffff Arial bold corps 12 #ffffff Arial bold corps 12 #393939 Arial régular corps 12 #e32d29 Arial régular corps 12 #097c86 Arial régular corps 11 #000000 Arial régular corps 11 #535353 Arial bold corps 12 #97141a Arial régular corps 10 #535353