L'objectif de cet article est de récapituler les différents points graphiques (topoguide, forum, autres) concernant la communication autour du projet C2C.
Généralités
Couleur "orange c2c" (logo, trait sous le menu horizontal) :
- Rgb : rgb(255, 153, 51)
- Hex : #ff9933 (raccourci #f93)
Couleur "orange fond" (topoguide et forum) :
- Rgb : rgb(251, 250, 246)
- Hex : #fbfaf6
Couleur "gris" (logos activités quand ils ne sont pas orange, polices de caractères dans le menu et sur les cards)
- Rgb : rgb(74, 74, 74)
- Hex : #4a4a4a
Logo : svg sur github
Activités : svg sur github
- taille : 160 x 320 pixels
- format : jpg, gif, gif animé, png, flash
- poids maximal : poids conseillé = 15 à 20 ko
Topoguide
Police
En ordre de préférence : « Segoe UI », Roboto, Oxygen, Ubuntu, Cantarell, « Fira Sans », « Droid Sans », « Helvetica Neue », Helvetica, Arial, sans-serif.
Icônes
Utilisation des icônes issues de FontAwesome en priorité.
Menu de gauche :
- Topoguide : fa-arrow-right
- Sorties : fa-sun + fa-cloud
- Forum : fa-comments
- Incidents et accidents : fa-flag-checkered
- Articles : fa-newspaper
- Aide : fa-life-ring
Forum
Discourse ne permet pas d'utiliser les mêmes icônes que le topoguide. Il utilise Glyphicon.
Menu de gauche :
- Topoguide : glyphicon-arrow-right
- Sorties : glyphicon-time
- Forum : glyphicon-comment
- Incidents et accidents : glyphicon-warning-sign
- Articles : glyphicon-file
- Aide : glyphicon-info-sign