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.el.xhtml

286 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<?xml version="1.0" encoding="utf-8" ?>
<!-- Please do no translate this page, it is still work in progress! -->
<html>
<version>0</version>
<head>
<title>FSFE Οδηγός Σχεδίασης της Κοινότητας</title>
</head>
<body>
<p id="category"><a href="/contribute/designers/">Σχεδιαστές</a></p>
<h1>FSFE Οδηγός Σχεδίασης</h1>
<h2>Εισαγωγή</h2>
<p>
Επειδή οι δημοσιεύσεις του FSFE και το σχετικό υλικό δημιουργούνται
και διανέμονται μέσα από μια ποικιλία διαύλων, υπάρχει ανάγκη για
μια κεντρική πηγή σχετική με οδηγίες για το στυλ σχεδίασης. Αυτός
ο οδηγός σχεδίασης είναι μια απόπειρα συλλογής τουλάχιστο των
σημαντικότερων συστατικών που θα σας βοηθήσουν να δημιουργήσετε
οποιοδήποτε υλικό μπορείτε να σχεδιάσετε για το FSFE.
</p>
<h2>FSFE Οδηγός</h2>
<h3>FSFE Χρωματοθήκη</h3>
<ul>
<li>
FSFE <strong>Μπλε</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>Μπλε Σκούρο</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>Γαλάζιο</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>Πράσινο Μικτό</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>Πράσινο</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 Λογότυπο</h3>
<p style="text-align:center">
<img src="logo-usage.png" border="0" alt="logo usag usage"/>
</p>
<ul>
<li>Λογότυπο σωστό: Το λογότυπο του FSFE αποτελείται από το ακρωνύμιο fsfe ΚΑΙ το
εικονογράφημα στην καθορισμένη θέση και μέγεθος.</li>
<li>Λογότυπο λανθασμένο: Μη διαχωρίζετε το ακρωνύμιο fsfe από το εικονογράφημα.</li>
<li>Λογότυπο λανθασμένο: Το ακρωνύμιο fsfe δεν θα πρέπει να παρουσιάζεται
μόνο του.</li>
</ul>
<h3>Το λογότυπο ως στοιχείο σχεδίασης</h3>
<p style="text-align:center">
<img src="design-element.png" border="0" alt="design element"/>
</p>
<p>Το εικονογράφημα μπορεί να χρησιμοποιείται μόνο του σε οποιαδήποτε παραλλαγή
ως στοιχείο σχεδίασης όπως στο πίσω μέρος της επαγγελματικής κάρτας του FSFE
ή σε οποιοδήποτε άλλο μέσο.</p>
<h3>FSFE επαγγελματική κάρτα</h3>
<p style="text-align:center">
<img src="business-card.png" border="0" alt="logo"/>
</p>
<ul>
<li>A Τυπογραφικά</li>
<ul>
<li>a) Όνομα</li>
<ul>
<li>Στοιχεία: Nimbus Sans L Bold</li>
<li>Μέγεθος / απόσταση γραμμών: 7,5 pt / 9,5 pt</li>
<li>Απόσταση από κενή γραμμή: 4,75 pt</li>
<li>Χρώμα: 80 % Μαύρο</li>
</ul>
<li>b) Υπόλοιπα Δεδομένα</li>
<ul>
<li>Στοιχεία: Nimbus Sans L</li>
<li>Μέγεθος / απόσταση γραμμών: 7,5 pt / 9,5 pt</li>
<li>Χρώμα: 80 % Μαύρο</li>
<li>Τελείες: 50 % Μαύρο</li>
</ul>
</ul>
<li>B Λογότυπο σε CMYK</li>
<ul>
<li>Χρώματα: δείτε τη χρωματοθήκη</li>
</ul>
<li>C Εικονογράφημα σε CMYK</li>
<ul>
<li>Χρώματα: δείτε τη χρωματοθήκη</li>
</ul>
</ul>
<h3>FSFE Επιστολή</h3>
<p style="text-align:center">
<img src="letter.png" border="0" alt="logo"/>
</p>
<p>Όλο το κείμενο το οποίο δεν είναι προ-τυπωμένο να είναι σε Nimus Sans L, 100% μαύρο:</p>
<ul>
<li>A Αποστολέας</li>
<ul>
<li>a) FSFE</li>
<ul>
<li>Στοιχεία: Nimbus Sans L Bold</li>
<li>Μέγεθος: 7,5 pt</li>
</ul>
<li>b) Διεύθυνση</li>
<ul>
<li>Στοιχεία: Nimbus Sans L</li>
<li>Μέγεθος: 7,5 pt</li>
</ul>
</ul>
<ul>
<li>B Παραλήπτης</li>
<ul>
<li>Στοιχεία: Nimbus Sans L</li>
<li>Μέγεθος / Απόσταση γραμμών: 9 pt / 12 pt</li>
</ul>
</ul>
<li>C Δεδομένα Προσώπων</li>
<ul>
<li>a) Όνομα</li>
<ul>
<li>Στοιχεία: Nimbus Sans L Bold</li>
<li>Μέγεθος / Απόσταση γραμμών: 7,5 pt / 9,5 pt</li>
</ul>
<li>b) Άλλα Δεδομένα</li>
<ul>
<li>Στοιχεία: Nimbus Sans L</li>
<li>Μέγεθος / Απόσταση γραμμών: 7,5 pt / 9,5 pt</li>
</ul>
</ul>
<li>D Κείμενο επιστολής</li>
<ul>
<li>a) Όνομα</li>
<li>a) Παραπομπή:, Τμήμα:</li>
<li>Ημερομηνία:, Επαφή: και</li>
<li>Λεπτομέρειες τραπεζικού λογαριασμού:</li>
<ul>
<li>Στοιχεία: Nimbus Sans L Bold</li>
<li>Μέγεθος / Απόσταση γραμμών: 9 pt / 12 pt</li>
</ul>
<li>b) Συνεχόμενο κείμενο</li>
<ul>
<li>Στοιχεία: Nimbus Sans L</li>
<li>Μέγεθος / Απόσταση γραμμών: 9 pt / 12 pt</li>
</ul>
</ul>
<li>E Σημεία δίπλωσης</li>
<ul>
<li>a) Όνομα</li>
<ul>
<li>Κορυφή: y 105 mm</li>
<li>Βάση: y: 210 mm</li>
<li>Γραμμή: 0,25 pt</li>
<li>Χρώμα: 90C, 20M, 10Y, 5K</li>
</ul>
</ul>
</ul>
<h2>Οδηγός Κοινότητας</h2>
<h3>Χρώματα</h3>
<h4>Εκτύπωση</h4>
<p>Παρακαλούμε διαβάστε:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model">Color model</a> στην Wikipedia
</li>
<li>
<a href="http://en.wikipedia.org/wiki/CMYK_color_model">CMYK</a> στην Wikipedia
</li>
<li>
<a href="http://en.wikipedia.org/wiki/Pantone">Pantone</a> στην Wikipedia (ως μια
υπενθύμιση του λόγου για τον οποίο το CMYK είναι προτιμότερο)
</li>
</ul>
<p>
Το κύριο λογότυπο και χρώματα είναι:
</p>
<ul>
<li>
FSFE Κοινότητα <strong>Σκούρο Πράσινο</strong>
<div style="background-color:#629829; 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: 99<strong>R</strong> | 152<strong>G</strong> | 41<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>7489 C</strong> or <strong>361 C</strong></li>
</ul>
</li>
<li>
FSFE Κοινότητα <strong>Έντονο Πράσινο</strong>
<div style="background-color:#6BB340; 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: 107<strong>R</strong> | 179<strong>G</strong> | 64<strong>B</strong> (0-255)</li>
<li>Pantone: PANTONE <strong>584 C</strong> or <strong>376 C</strong></li>
</ul>
</li>
</ul>
<h4>Υπολογιστής&amp;Ιστός</h4>
<p>Παρακαλούμε διαβάστε:</p>
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Color_model">Color model</a> στην Wikipedia
</li>
</ul>
<p>
Για χρήση στον υπολογιστή σας, χρησιμοποιούνται διαφορετικές τιμές:
</p>
<ul>
<li>
FSFE Κοινότητα <strong>Σκούρο Πράσινο</strong>
<div style="background-color:#629829; width: 300px; height: 20px;"></div>
<ul>
<li>RGB: 99<strong>R</strong> | 152<strong>G</strong> | 41<strong>B</strong> (0-256)</li>
<li>HSL: 63<strong>H</strong> | 147<strong>S</strong> | 96<strong>L</strong> (0-256)</li>
<li>Hex: <strong>#</strong>629829</li>
</ul>
</li>
<li>
FSFE Fellowship <strong>Έντονο Πράσινο</strong>
<div style="background-color:#6BB340; width: 300px; height: 20px;"></div>
<ul>
<li>RGB: 107<strong>R</strong> | 179<strong>G</strong> | 64<strong>B</strong> (0-256)</li>
<li>HSL: 69<strong>H</strong> | 121<strong>S</strong> | 122<strong>L</strong> (0-256)</li>
<li>Hex: <strong>#</strong>6BB340</li>
</ul>
</li>
</ul>
</body>
</html>
<!--
Local Variables: ***
mode: xml ***
End: ***
-->