Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ https://fsfe.org
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.
 
 
 
 
 
 

218 lines
6.0 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<!-- Please do no translate this page, it is still work in progress! -->
<html>
<version>1</version>
<head>
<title>FSFE Style Guide</title>
</head>
<body>
<p id="category"><a href="/contribute/designers/">Designers</a></p>
<h1>FSFE Style Guide</h1>
<h2>Introduction</h2>
<p>
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 material you come up with.
</p>
<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>
<h4>Computer&amp;Web</h4>
<p>Please read:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model">Color model</a> on Wikipedia
</li>
</ul>
</body>
</html>
<!--
Local Variables: ***
mode: xml ***
End: ***
-->