CItoyens pour la Transition ENergétique

Pour une énergie citoyenne locale et renouvelable

Outils pour utilisateurs

Outils du site


wiki:communication:charte_graphique

Charte Graphique

La charte graphique vise à donner une identité au site et aux documents de communication.
Vous trouverez ici les informations pratiques concernant sa mise en œuvre.

Il reprend le nom de l'association avec un éclair représentant l'énergie électrique.

logo_green.png
logo_green.png

 
#4c2a7e
 
#9ebf43

logo_white.png

 
#4c2a7e
 
#ffffff

Mise en place sur le site

Oc Citen

La société dispose aussi d'un logo qui peut être utilisée pour les pages spécifiques à celles-ci.

Couleurs

Palette

La roue des couleurs a permis de décliner des couleurs web à partir de l'image suivante :

 
#532A8C

Couleurs claires

 
#E0D8F2
 
#F2E9BB
 
#F2EDD0

Couleurs soutenues

 
#7863A6
 
#9DBF21
 
#F2CE16

La roue analyse l'image, puis propose plusieurs types d'harmonie, pour chacune une palette de 5 couleurs est déclinée à partir de l'image. Après choix d'une palette, le module Color Swatch nous permet d'afficher la palette de couleur sur le wiki.

Couleurs du thème

L'administrateur peut personnaliser les couleurs du thèmes avec l'option Administrer > Paramètres de style du thème.
Ce tableau reprend les paramètres de couleur proposés par défaut et les valeurs utilisées pour ce site.

Voir le tableau des couleurs du thème

Blocs personnalisés

Les couleurs du thème sont déclinées pour les blocs personnalisés.

Bloc violet

Bloc vert

Bloc jaune

Bloc cadre

La syntaxe d'utilisation est la suivante :

syntaxe d'utilisation
 <WRAP column round box couleur >
 Bloc couleur
 </WRAP>

Remplacer couleur par la couleur souhaitée.

Mise en place sur le site

Boutons

Ils sont réglés par défaut avec : largeur fixe, texte et bordure en violet et fond jaune.

Découvrez le projet

Mise en place sur le site

Polices

Pour ce site on utilise :

Oswald pour le texte .

Carter One pour le logo .

Mise en place sur le site

Règles de mise en page

Charte Graphique - Définir les règles de mise en page

Parcourir le site

1)
à définir plus claire ou identique à la couleur de fond alternative
wiki/communication/charte_graphique.txt · Dernière modification: 2020/03/05 15:07 par Bruno Généré