Charte graphique

De April MediaWiki
Révision datée du 24 janvier 2010 à 18:07 par Lallorge (discussion | contributions) (mise a jour)
Aller à la navigationAller à la recherche

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 http://www.april.org/themes/zen/zen_april/zen_april.css].

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 :

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

Bouton Nouveautés 2008 : Nouveautes2008.png

Bouton de flux : Rss planete april.png

Bouton Identica : At identica.png

Bouton Twitter : At twitter.png

Interopérabilité :

Inter.png