Charte graphique : Différence entre versions

De April MediaWiki
(Les icônes : ajout)
(mise en page)
Ligne 71 : Ligne 71 :
  
  
Coeur :
+
Cœur : [[Image:Coeur02.svg|50px]]
 
 
[[Image:Coeur02.svg|200px]]
 
  
 
* Police : Dingbats
 
* Police : Dingbats
Ligne 79 : Ligne 77 :
 
* Fichier SVG : http://wiki.april.org/images/c/c7/Coeur02.svg
 
* Fichier SVG : http://wiki.april.org/images/c/c7/Coeur02.svg
  
 
+
Téléphone : [[Image:Telephone02.svg|50px]]
Téléphone :
 
 
 
[[Image:Telephone02.svg|200px]]
 
  
 
* Police : Dingbats
 
* Police : Dingbats
Ligne 88 : Ligne 83 :
 
* Fichier SVG : http://wiki.april.org/images/a/a7/Telephone02.svg
 
* Fichier SVG : http://wiki.april.org/images/a/a7/Telephone02.svg
  
Case à Cocher :
+
Case à Cocher : [[Image:Case_a_cocher02.svg|50px]]
 
 
[[Image:Case_a_cocher02.svg|200px]]
 
  
 
* Police : Dingbats
 
* Police : Dingbats
Ligne 96 : Ligne 89 :
 
* Fichier SVG : http://wiki.april.org/images/5/5c/Case_a_cocher02.svg
 
* Fichier SVG : http://wiki.april.org/images/5/5c/Case_a_cocher02.svg
  
Ciseaux :
+
Ciseaux : [[Image:Ciseaux02.svg|50px]]
 
 
[[Image:Ciseaux02.svg|200px]]
 
  
 
* Police : Dingbats
 
* Police : Dingbats
Ligne 105 : Ligne 96 :
  
  
Main :
+
Main : [[Image:Main03.svg|50px]] [[Image:Main04.svg|50px]]
 
 
[[Image:Main03.svg|200px]]
 
[[Image:Main04.svg|200px]]
 
  
 
* Police : OpenSymbol
 
* Police : OpenSymbol
Ligne 116 : Ligne 104 :
 
* Fichier SVG : http://wiki.april.org/images/c/c1/Main04.svg
 
* Fichier SVG : http://wiki.april.org/images/c/c1/Main04.svg
  
Étoiles :
+
Étoiles : [[Image:Etoile.svg|32px]] [[Image:Etoile2.svg|32px]] [[Image:Etoile3.svg|32px]]
 
 
[[Image:Etoile.svg|32px]]
 
[[Image:Etoile2.svg|32px]]
 
[[Image:Etoile3.svg|32px]]
 
  
Fichiers SVG :
+
* Dessin de Lionel Allorge
* http://wiki.april.org/images/9/9e/Etoile.svg
+
* Licence : LAL et CC BY SA
* http://wiki.april.org/images/1/10/Etoile2.svg
+
* Fichiers SVG :
* http://wiki.april.org/images/b/b5/Etoile3.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
  
 
Interopérabilité :
 
Interopérabilité :
  
[[Image:Inter.png|200px]]
+
[[Image:Inter.png|300px]]
  
 
* Dessin de Lionel Allorge
 
* Dessin de Lionel Allorge

Version du 25 novembre 2009 à 15:41

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 RGB :

  • Bleu April (clair) : 2b5385ff
  • Bleu April, le vrai !!! 005184ff
  • Orange April : ee5921ff
  • Orange Perils : ff9900ff

Les polices

Police du logo :

  • Futura Medium Condensed BT (a priori la Futura n'est pas libre)

Polices actuelles pour le texte :

  • Nimbus Sans L (licence GPL)
  • Bitstream Vera (licence type BSD)
  • Futura Medium Condensed BT (a priori la Futura n'est pas libre). Celle qui s'en rapproche le plus est la Beteckna
  • Futura Medium BT (a priori la Futura n'est pas libre)

Polices possibles pour le texte :

Les CSS

Pour le site web, les attribus sont définis dans les fichiers CSS.

La couleur Orange April est définie dans la CSS : http://www.april.org/themes/zen/zen_april/zen_april.css .mandatory { color: #ee5921; }

Les logos

Des icônes sont utilisé sur 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.

Exemple :

gnu.jpeg

Proposition de remplacement :

johnny_automatic_picnic_basket.png

Licence : Public Domain

Les icônes

Des icônes sont utilisé sur certains documents et sur le site :

Flèches :

  • Police : Windings
  • Caractères : ËÌÍÎÏÓÈ
  • Fichier SVG :


Cœur : Coeur02.svg

Téléphone : Telephone02.svg

Case à Cocher : Case a cocher02.svg

Ciseaux : Ciseaux02.svg


Main : Main03.svg Main04.svg

Étoiles : Etoile.svg Etoile2.svg Etoile3.svg

Interopérabilité :

Inter.png