Added information about FSFE logo usage

svn path=/trunk/; revision=13798
This commit is contained in:
kirschner 2009-12-19 13:34:12 +00:00
parent e2aaa8d277
commit 9d843ae99f
5 changed files with 192 additions and 11 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

View File

@ -10,28 +10,209 @@
</head>
<body>
<h1>FSFE Fellowship Style Guide</h1>
<h1>FSFE Style Guide</h1>
<h2>Introduction</h2>
<p>
Since FSFE Publications and related materials are created and distributed
Since FSFE publications and related materials are created and distributed
through a variety of channels, there is a need for a central resource on
style guidelines. This Style Guide attempts to collect at least the most
important cornerstones to help you create whatever FSFE Fellowship material
style guidelines. This style guide attempts to collect at least the most
important cornerstones to help you create whatever FSFE material
you come up with.
</p>
<h1>Colors</h1>
<h2>Print</h2>
<h2>FSFE Guide</h2>
<h3>FSFE Color Library</h3>
<ul>
<li>
FSFE <strong>Blue</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>Blue Dark</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>Blue Medium</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>Green Mix</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>Green</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>FSFE Logo</h3>
<p style="text-align:center">
<img src="logo-usage.png" border="0" alt="logo usag usage"/>
</p>
<ul>
<li>Logo correct: The FSFE logo consists of the acronym fsfe AND the picture mark in their determined position and size.</li>
<li>Logo incorrect: Do not seperate the acronym fsfe from the picture mark.</li>
<li>Logo incorrect: The acronym fsfe should not stand alone.</li>
</ul>
<h3>Logo as design element</h3>
<p style="text-align:center">
<img src="design-element.png" border="0" alt="design element"/>
</p>
<p>The picture mark may be used by itself in any variation as a design element as on the back of the FSFE business card or on any other medium.</p>
<h3>FSFE business card</h3>
<p style="text-align:center">
<img src="business-card.png" border="0" alt="logo"/>
</p>
<ul>
<li>A Typography</li>
<ul>
<li>a) Name</li>
<ul>
<li>Typo: Nimbus Sans L Bold</li>
<li>Size / L.sp: 7,5 pt / 9,5 pt</li>
<li>Blank line L.sp: 4,75 pt</li>
<li>Colour: 80 % Black</li>
</ul>
<li>b) Remaining Data</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size / L.sp: 7,5 pt / 9,5 pt</li>
<li>Colour: 80 % Black</li>
<li>Dots: 50 % Black</li>
</ul>
</ul>
<li>B Logo in CMYK</li>
<ul>
<li>Colours: see colour library</li>
</ul>
<li>C Picture Mark in CMYK</li>
<ul>
<li>Colours: see colour library</li>
</ul>
</ul>
<h3>FSFE Letter</h3>
<p style="text-align:center">
<img src="letter.png" border="0" alt="logo"/>
</p>
<p>All text which is not pre-printed to be set in Nimus Sans L, 100% black:</p>
<ul>
<li>A Sender</li>
<ul>
<li>a) FSFE</li>
<ul>
<li>Typo: Nimbus Sans L Bold</li>
<li>Size: 7,5 pt</li>
</ul>
<li>b) Address</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size: 7,5 pt</li>
</ul>
</ul>
<ul>
<li>B Adressee</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size / L.sp: 9 pt / 12 pt</li>
</ul>
</ul>
<li>C Personalised Data</li>
<ul>
<li>a) Name</li>
<ul>
<li>Typo: Nimbus Sans L Bold</li>
<li>Size / L.sp: 7,5 pt / 9,5 pt</li>
</ul>
<li>b) Other Data</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size / L.sp: 7,5 pt / 9,5 pt</li>
</ul>
</ul>
<li>D Letter text</li>
<ul>
<li>a) Name</li>
<li>a) Reference:, Department:</li>
<li>Date:, Contact: and</li>
<li>Bank details:</li>
<ul>
<li>Typo: Nimbus Sans L Bold</li>
<li>Size / L.sp: 9 pt / 12 pt</li>
</ul>
<li>b) Continuous text</li>
<ul>
<li>Typo: Nimbus Sans L</li>
<li>Size / L.sp: 9 pt / 12 pt</li>
</ul>
</ul>
<li>E Folding marks</li>
<ul>
<li>a) Name</li>
<ul>
<li>Top: y 105 mm</li>
<li>Bottom: y: 210 mm</li>
<li>Line: 0,25 pt</li>
<li>Colour: 90C, 20M, 10Y, 5K</li>
</ul>
</ul>
</ul>
<h2>Fellowship Guide</h2>
<h3>Colors</h3>
<h4>Print</h4>
<p>Please read:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model" target="_blank">Color model</a> on Wikipedia
<a href="http://en.wikipedia.org/wiki/Color_model">Color model</a> on Wikipedia
</li>
<li>
<a href="http://en.wikipedia.org/wiki/CMYK_color_model" target="_blank">CMYK</a> on Wikipedia
<a href="http://en.wikipedia.org/wiki/CMYK_color_model">CMYK</a> on Wikipedia
</li>
<li>
<a href="http://en.wikipedia.org/wiki/Pantone" target="_blank">Pantone</a> on Wikipedia (as a reminder why CMYK is to be preferred)
<a href="http://en.wikipedia.org/wiki/Pantone">Pantone</a> on Wikipedia (as a reminder why CMYK is to be preferred)
</li>
</ul>
<p>
@ -57,11 +238,11 @@
</ul>
</li>
</ul>
<h2>Computer&amp;Web</h2>
<h4>Computer&amp;Web</h4>
<p>Please read:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model" target="_blank">Color model</a> on Wikipedia
<a href="http://en.wikipedia.org/wiki/Color_model">Color model</a> on Wikipedia
</li>
</ul>
<p>