Charte graphique

Projet de charte graphique

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

Les points

Quelques points a respecter :

• Utilisation de préférence de polices de caractères libres (licences à définir)
• Utilisation de préférence des couleurs du logo : http://www.april.org/association/logo.html

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.

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)

Police des boutons d'adhésion :

• FreeSans Bold Oblique

Liste de Polices possibles pour le texte :

• Voir cette page : Polices_de_caractères

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

• Police : Dingbats
• Caractère : 164
• Fichier SVG : http://wiki.april.org/images/c/c7/Coeur02.svg

Téléphone :

• Police : Dingbats
• Code : "%"
• Fichier SVG : http://wiki.april.org/images/a/a7/Telephone02.svg

Case à Cocher :

• Police : Dingbats
• Code : "q"
• Fichier SVG : http://wiki.april.org/images/5/5c/Case_a_cocher02.svg

Ciseaux :

• Police : Dingbats
• Code : "$"
• Fichier SVG : http://wiki.april.org/images/9/95/Ciseaux02.svg

Main :

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

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

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

• Source SVG : http://wiki.april.org/images/f/fa/Rss_planete_april.svg

Bouton Identica :

• Source SVG : http://wiki.april.org/images/6/6d/At_identica.svg

Bouton Twitter :

• Source SVG : http://wiki.april.org/images/e/e6/At_twitter.svg

Interopérabilité :

• Dessin de Lionel Allorge
• Licence : LAL et CC BY SA
• Source SVG : http://wiki.april.org/images/3/3e/Inter.svg