Différences entre les versions de « Charte graphique »

De April MediaWiki
Aller à la navigationAller à la recherche
(ajout de catégorie)
Ligne 50 : Ligne 50 :
 
===Les icônes===
 
===Les icônes===
  
Des icônes sont utilisé sur certains documents et sur le site :
+
Des icônes sont utilisé sur certains documents et sur le site. La liste est sur cette page : [[Liste des icones]].
 
 
Flèches :
 
* Police : Windings
 
* Caractères : ËÌÍÎÏÓÈ
 
* Fichier SVG :
 
 
 
 
 
Cœur : [[Image:Coeur02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Caractère : 164
 
* Fichier SVG : http://wiki.april.org/images/c/c7/Coeur02.svg
 
 
 
Téléphone : [[Image:Telephone02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "%"
 
* Fichier SVG : http://wiki.april.org/images/a/a7/Telephone02.svg
 
 
 
Case à Cocher : [[Image:Case_a_cocher02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "q"
 
* Fichier SVG : http://wiki.april.org/images/5/5c/Case_a_cocher02.svg
 
 
 
Ciseaux : [[Image:Ciseaux02.svg|50px]]
 
 
 
* Police : Dingbats
 
* Code : "$"
 
* Fichier SVG : http://wiki.april.org/images/9/95/Ciseaux02.svg
 
 
 
 
 
Main : [[Image:Main03.svg|50px]] [[Image:Main04.svg|50px]]
 
 
 
* Police : OpenSymbol
 
* Caractère : U+261E
 
* Fichier SVG : http://wiki.april.org/images/3/31/Main03.svg
 
* Caractère : U+E01B
 
* Fichier SVG : http://wiki.april.org/images/c/c1/Main04.svg
 
 
 
Étoiles : [[Image:Etoile.svg|32px]] [[Image:Etoile2.svg|32px]] [[Image:Etoile3.svg|32px]]
 
 
 
* Dessin de Lionel Allorge
 
* Licence : LAL et CC BY SA
 
* Fichiers SVG :
 
** http://wiki.april.org/images/9/9e/Etoile.svg
 
** http://wiki.april.org/images/1/10/Etoile2.svg
 
** http://wiki.april.org/images/b/b5/Etoile3.svg
 
 
 
Bouton Nouveautés 2008 : [[Image:Nouveautes2008.png]]
 
 
 
* Dessin de Lionel Allorge
 
* Licence : LAL et CC BY SA
 
* Bouton Nouveautés 2008 pour rapport de fin d'année
 
* Source SVG : http://wiki.april.org/images/4/4f/Nouveautes2008.svg
 
 
 
Bouton de flux : [[Image:Rss planete april.png]]
 
 
 
* Source SVG : http://wiki.april.org/images/f/fa/Rss_planete_april.svg
 
 
 
Bouton Identica : [[Image:At identica.png]]
 
 
 
* Source SVG : http://wiki.april.org/images/6/6d/At_identica.svg
 
 
 
Bouton Twitter : [[Image:At twitter.png]]
 
 
 
* Source SVG : http://wiki.april.org/images/e/e6/At_twitter.svg
 
 
 
Interopérabilité :
 
 
 
[[Image:Inter.png|300px]]
 
 
 
* Dessin de Lionel Allorge
 
* Licence : LAL et CC BY SA
 
* Source SVG : http://wiki.april.org/images/3/3e/Inter.svg
 
  
 
[[Catégorie:CommunicationExterne]]
 
[[Catégorie:CommunicationExterne]]

Version du 24 janvier 2010 à 19:18

Projet de charte graphique

Propositions pour une Charte Graphique pour les documents et les sites de l'April

Les points

Quelques points a respecter :

Les couleurs

Le "Bleu April" (bleu du logo) :

  • couleur pantone directe : Pantone 7469 C (nuancier Pantone Solid Coated)
  • couleur custom en CMYK : C : 97% , M : 50% , Y : 35% , K : 10%
  • En RGBA hexadécimal : 005184ff
  • En RGBA décimal : Rouge : 0, Vert : 81, Bleu : 132, Canal Alpha : 255

Autres couleurs en RGBA hexadécimal :

  • Bleu April (clair) : 2b5385ff
  • Orange April : ee5921ff
  • Orange Périls : ff9900ff

Les polices

AVERTISSEMENT : les informations ci-dessous nécessitent mise à jour et validation

Depuis le nouveau logo, nous utilisons la police URW Gothic. C'est notamment celle du totem, qui fait référence.

Liste de polices utilisées dans des documents April : Liste des polices

Liste de polices possibles pour le texte : Polices de caractères

Les CSS

Pour le site web, les attribus sont définis dans les fichiers CSS et notamment dans le fichier CSS Zen April.

La couleur Orange April est définie par le style "mandatory" :

.mandatory { color: #ee5921; }

Les logos

Des icônes et logos sont utilisés dans certains documents et sur le site.

Il serait souhaitable d'en vérifier les licences et d'en faire des fichiers indépendants au format SVG.

Travail en cours ici : Logo des groupes de travail

Les icônes

Des icônes sont utilisé sur certains documents et sur le site. La liste est sur cette page : Liste des icones.