You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
fsfe-website/contribute/designers/styleguide.fr.xhtml

223 lines
8.0 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<html>
<version>1</version>
<head>
<title>Charte graphique de la FSFE</title>
</head>
<body>
<p id="category"><a href="/contribute/designers/">Designers</a></p>
<h1>Charte graphique de la FSFE</h1>
<h2>Introduction</h2>
<p>
Les publications et supports de la FSFE sont créés et diffusés
sur de nombreux canaux. Une charte graphique centrale doit
harmoniser toutes ces créations. Cette charte réunit les
ressources les plus importantes pour vous permettre de créer
des supports pour la FSFE.
</p>
<h2>Charte graphique de la FSFE</h2>
<h3>Palette de couleurs de la FSFE</h3>
<ul>
<li>
FSFE <strong>Bleu</strong>
<div style="background-color:#202D79; width: 300px; height: 20px;"></div>
<ul>
<li>CMYK: 100<strong>C</strong> | 70<strong>M</strong> | 5<strong>Y</strong> | 20<strong>K</strong> (0-100)</li>
<li>RGB: 32<strong>R</strong> | 45<strong>G</strong> | 121<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>2738 C</strong></li>
</ul>
</li>
<li>
FSFE <strong>Bleu foncé</strong>
<div style="background-color:#3394CE; width: 300px; height: 20px;"></div>
<ul>
<li>CMYK: 90<strong>C</strong> | 20<strong>M</strong> | 10<strong>Y</strong> | 5<strong>K</strong> (0-100)</li>
<li>RGB: 51<strong>R</strong> | 148<strong>G</strong> | 206<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>7461 C</strong></li>
</ul>
</li>
<li>
FSFE <strong>Bleu moyen</strong>
<div style="background-color:#4AD2F0; width: 300px; height: 20px;"></div>
<ul>
<li>CMYK: 70<strong>C</strong> | 0<strong>M</strong> | 10<strong>Y</strong> | 5<strong>K</strong> (0-100)</li>
<li>RGB: 74<strong>R</strong> | 210<strong>G</strong> | 240<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>631 C</strong></li>
</ul>
</li>
<li>
FSFE <strong>Mélange de verts</strong>
<div style="background-color:#6BB340; width: 300px; height: 20px;"></div>
<ul>
<li>CMYK: 70<strong>C</strong> | 0<strong>M</strong> | 100<strong>Y</strong> | 0<strong>K</strong> (0-100)</li>
<li>RGB: 107<strong>R</strong> | 179<strong>G</strong> | 64<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>7489 C</strong></li>
</ul>
</li>
<li>
FSFE <strong>Vert</strong>
<div style="background-color:#D0F400; width: 300px; height: 20px;"></div>
<ul>
<li>CMYK: 30<strong>C</strong> | 0<strong>M</strong> | 80<strong>Y</strong> | 0<strong>K</strong> (0-100)</li>
<li>RGB: 208<strong>R</strong> | 244<strong>G</strong> | 0<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>584 C</strong></li>
</ul>
</li>
</ul>
<h3>Logo de la FSFE</h3>
<p style="text-align:center">
<img src="logo-usage.png" border="0" alt="logo usag usage"/>
</p>
<ul>
<li>Logo correct&#160;: Le logo de la FSFE est composé de
l'acronyme fsfe ET des symboles autour, leurs positions
et tailles relatives étant déterminées.</li>
<li>Logo incorrect&#160;: Ne séparez pas l'acronyme FSFE de
ses symboles.</li>
<li>Logo incorrect&#160;: L'acronyme ne doit pas apparaître
seul.</li>
</ul>
<h3>Le logo en tant qu'élément de design</h3>
<p style="text-align:center">
<img src="design-element.png" border="0" alt="élément de design"/>
</p>
<p>Le symbole peut être utilisé en lui même dans toutes les variations
possibles comme élément de design comme par exemple au dos d'une carte
de visite FSFE ou tout autre support.</p>
<h3>Carte de visite FSFE</h3>
<p style="text-align:center">
<img src="business-card.png" border="0" alt="logo"/>
</p>
<ul>
<li>A Typographie</li>
<ul>
<li>a) Nom</li>
<ul>
<li>Typo&#160;: Nimbus Sans L Bold</li>
<li>Taille / L.sp&#160;: 7,5 pt / 9,5 pt</li>
<li>Ligne vide L.sp&#160;: 4,75 pt</li>
<li>Couleur&#160;: 80 % Black</li>
</ul>
<li>b) Autres données</li>
<ul>
<li>Typo&#160;: Nimbus Sans L</li>
<li>Taille / L.sp: 7,5 pt / 9,5 pt</li>
<li>Couleur&#160;: 80 % Black</li>
<li>Puces&#160;: 50 % Black</li>
</ul>
</ul>
<li>B Logo en CMYK</li>
<ul>
<li>Couleurs&#160;: voir la palette de couleurs</li>
</ul>
<li>C Picture Mark en CMYK</li>
<ul>
<li>Couleurs&#160;: voir la palette de couleurs</li>
</ul>
</ul>
<h3>Lettre de la FSFE</h3>
<p style="text-align:center">
<img src="letter.png" border="0" alt="logo"/>
</p>
<p>Tout texte qui n'est pas pré-imprimé doit être formaté en Nimbus Sans L, 100% black&#160;:</p>
<ul>
<li>A Expéditeur</li>
<ul>
<li>a) FSFE</li>
<ul>
<li>Typo&#160;: Nimbus Sans L Bold</li>
<li>Taille&#160;: 7,5 pt</li>
</ul>
<li>b) Adresse</li>
<ul>
<li>Typo&#160;: Nimbus Sans L</li>
<li>Taille&#160;: 7,5 pt</li>
</ul>
</ul>
<ul>
<li>B Destinataire</li>
<ul>
<li>Typo&#160;: Nimbus Sans L</li>
<li>Taille / L.sp&#160;: 9 pt / 12 pt</li>
</ul>
</ul>
<li>C Données personnalisées</li>
<ul>
<li>a) Nom</li>
<ul>
<li>Typo&#160;: Nimbus Sans L Bold</li>
<li>Taille / L.sp&#160;: 7,5 pt / 9,5 pt</li>
</ul>
<li>b) Autres données</li>
<ul>
<li>Typo&#160;: Nimbus Sans L</li>
<li>Taille / L.sp&#160;: 7,5 pt / 9,5 pt</li>
</ul>
</ul>
<li>D Texte de la lettre</li>
<ul>
<li>a) Nom</li>
<li>a) Titre&#160;:, Département&#160;:</li>
<li>Date&#160;:, Contact&#160;: et</li>
<li>Coordonnées bancaires&#160;:</li>
<ul>
<li>Typo&#160;: Nimbus Sans L Bold</li>
<li>Taille / L.sp&#160;: 9 pt / 12 pt</li>
</ul>
<li>b) Texte continu</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size / L.sp: 9 pt / 12 pt</li>
</ul>
</ul>
<li>E Marques de pliage</li>
<ul>
<li>a) Nom</li>
<ul>
<li>Haut&#160;: y 105 mm</li>
<li>Bas&#160;: y: 210 mm</li>
<li>Ligne&#160;: 0,25 pt</li>
<li>Couleur&#160;: 90C, 20M, 10Y, 5K</li>
</ul>
</ul>
</ul>
<h4>Ordinateur &amp; Web</h4>
<p>Référez vous au&#160;:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model">Modèle de couleurs</a> sur Wikipedia
</li>
</ul>
</body>
</html>
<!--
Local Variables: ***
mode: xml ***
End: ***
-->