Styleguide: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Lars (Diskussion | Beiträge) Initial commit |
Lars (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (8 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
[[Kategorie:Schokokeks]] | |||
<div style="background:#efefef;color: #3e4448;width: 50%; margin: 0 auto;">'''Achtung:''' Die hier vorliegenden Inhalte unterliegen keiner freien Lizenz und sind Eigentum der Schokokeks.org-Betriebsgesellschaft.</div> | |||
==Farben== | |||
{| | {| | ||
|'''Verwendung'''||'''Farbe'''||'''Hex'''||'''Beispiel''' | |'''Verwendung'''||'''Farbe'''||'''Hex'''||'''Beispiel''' | ||
|-- | |-- | ||
| | |Schmuckfarbe||Weiß||#ffffff||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #ffffff;"> </div> | ||
|-- | |-- | ||
|Hintergrund | |Hintergrund||Grau||#efefef||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #efefef;"> </div> | ||
|-- | |-- | ||
| | |Hintergrund Logo||Helles Blaugrau||#b2c2cb||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #b2c2cb;"> </div> | ||
|-- | |-- | ||
|Schrift mittlerer Größe, Label Logo||Mittelblau mit hohem Grauanteil||#729bb3||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #729bb3;"> </div> | |Schrift mittlerer Größe, Label Logo||Mittelblau mit hohem Grauanteil||#729bb3||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #729bb3;"> </div> | ||
|-- | |||
|Schriftzug groß, Logo »Schokokeks«, Links||Dunkles Blaugrau||#425d6c||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #425d6c;"> </div> | |||
|-- | |||
|Fließtext||Antrazit||#3e4448||<div style="width: 70px; height: 20px; border: 1px solid black; background-color: #3e4448;"> </div> | |||
|-- | |||
|Hintergrund Hinweis||Blassgelb||#fffee9||<div style="width: 70px; height: 20px; border: 1px solid black; background-color:#fffee9;"> </div> | |||
|-- | |||
|Rand Hinweis||Gelb||#fff99a||<div style="width: 70px; height: 20px; border: 1px solid black; background-color:#fff99a;"> </div> | |||
|} | |} | ||
==Schriften== | |||
===Überschriften=== | |||
Überschriften werden in ''Bitstream Vera Sans Bold'' gesetzt. Sie sind zudem in Kapitalien gesetzt. Gleiches gilt für das Label des Logos. | |||
===Unterüberschriften=== | |||
Für Unterüberschriften wird ebenso ''Bitstream Vera Sans Bold'' verwendet. Allerdings normal gesetzt, ohne Kapitalien. | |||
===Fließtext=== | |||
Für Fließtext wird ''Bitstream Vera Sans'' verwendet. Schriftgröße liegt bei 12pt, für's Web bei 14px. | |||
==Bilder/Icons== | |||
===Feed icons=== | |||
Feed-Icons in Schokokeks-Farbgebung | |||
[[Bild:Feed-icon-keks-48x48.png|48x48]] | |||
[[Bild:Feed-icon-keks-32x32.png|32x32]] | |||
Aktuelle Version vom 19. November 2006, 21:32 Uhr
Achtung: Die hier vorliegenden Inhalte unterliegen keiner freien Lizenz und sind Eigentum der Schokokeks.org-Betriebsgesellschaft.
Farben
| Verwendung | Farbe | Hex | Beispiel |
| Schmuckfarbe | Weiß | #ffffff | |
| Hintergrund | Grau | #efefef | |
| Hintergrund Logo | Helles Blaugrau | #b2c2cb | |
| Schrift mittlerer Größe, Label Logo | Mittelblau mit hohem Grauanteil | #729bb3 | |
| Schriftzug groß, Logo »Schokokeks«, Links | Dunkles Blaugrau | #425d6c | |
| Fließtext | Antrazit | #3e4448 | |
| Hintergrund Hinweis | Blassgelb | #fffee9 | |
| Rand Hinweis | Gelb | #fff99a |
Schriften
Überschriften
Überschriften werden in Bitstream Vera Sans Bold gesetzt. Sie sind zudem in Kapitalien gesetzt. Gleiches gilt für das Label des Logos.
Unterüberschriften
Für Unterüberschriften wird ebenso Bitstream Vera Sans Bold verwendet. Allerdings normal gesetzt, ohne Kapitalien.
Fließtext
Für Fließtext wird Bitstream Vera Sans verwendet. Schriftgröße liegt bei 12pt, für's Web bei 14px.
Bilder/Icons
Feed icons
Feed-Icons in Schokokeks-Farbgebung
