Notre Asso

Une solution informatique pour l'intelligence collective

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.

Cette image a été crée à partir du logo du site Encom1.fr1). Elle multiplie la pomme originale, symbolisant ainsi les trois postes clés d'une association : présidence, trésorerie, secrétariat.

Logo du site

Mise en place sur le site

Couleurs

Palette

Elle est définie à partir du logo avec la roue des couleurs.

 
BF0413 pomme
 
0583F2 bleu
 
05F2DB cyan
 
05F26C vert
 
F29F05 orange

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 pomme

Bloc bleu

Bloc cyan

Bloc vert

Bloc orange

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

Par défaut
Découvrez le projet

Style rouge
Découvrez le projet

Mise en place sur le site

Polices

Pour ce site on utilise les polices suivantes :

pour les titres .

pour les textes .

Pour appareiller 2 polices le site https://fontpair.co/ est très utile

Mise en place sur le site

Règles de mise en page

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

Des Blocs de page sont prédéfinis et intégrable à toute page via le module snippets.

Parcourir le site

1)
Site du porteur de projet
2)
à définir plus claire ou identique à la couleur de fond alternative
wiki/communication/charte_graphique.txt · Dernière modification: 2019/10/03 15:54 (modification externe)