Wiki - Freifunk Pinneberg

Freies WLAN im Kreis Pinneberg

Benutzer-Werkzeuge

Webseiten-Werkzeuge


styleguide

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
styleguide [04.11.2019 09:00] – angelegt kevinstyleguide [04.11.2019 15:28] – [Tabelle] kevin
Zeile 1: Zeile 1:
 ====== Farben ====== ====== Farben ======
 ===== Primärfarben ===== ===== Primärfarben =====
-^ Verwendung           ^ HEX      ^ +^ Verwendung           ^ HEX      ^ Beispiel 
-| Primärfarbe          | #dc0067 +| Primärfarbe          | #dc0067  | <color #dc0067>■■■■■■■■■</color> 
-| Akzentfarbe          | #ffb400 +| Akzentfarbe          | #ffb400  | <color #ffb400>■■■■■■■■■</color> 
-| Links                | #009ee0  |+| Links                | #009ee0  | <color #009ee0>■■■■■■■■■</color> |
  
 ===== Sekundärfarben ===== ===== Sekundärfarben =====
-^ Verwendung                                 ^ HEX      ^ +^ Verwendung                       ^ HEX      ^ Beispiel                          
-| Hintergrund (hell)                         | #ffffff +| Hintergrund 1                    | #ffffff  | <color #ffffff>■■■■■■■■■</color>  | 
-| Hintergrund (mittel)                       | #f7f7f7 +| Hintergrund 2                    | #f7f7f7  | <color #f7f7f7>■■■■■■■■■</color>  | 
-| Hintergrund (dunkel)                       | #333333 +| Hintergrund 3                    | #ebebeb  | <color #ebebeb>■■■■■■■■■</color> 
-| Fließtext (heller & mittlerer Hintergrund) | #666666  |+| Hintergrund 4                    | #333333  | <color #333333>■■■■■■■■■</color>  | 
 +| Fließtext (Auf Hintergrund 1-3 | #666666 <color #666666>■■■■■■■■■</color> 
 +| Fließtext (Auf Hintergrund 4)    | #ffffff  | <color #ffffff>■■■■■■■■■</color> 
 + 
 +====== Logo ====== 
 +{{:werbematerial:logo:ffpi_baum_rz.svg?200 |}} 
 + 
 +---- 
 + 
 + 
 +Wann immer möglich sollte das Logo als Vectorgrafik genutzt werden. Sonst als PNG mit Transparenz. 
 +Befindet sich das Logo im Header gehört es an den Linken Rand des Contents. Das Logo sollte die Höhe einer Zeile Überschrift + eine Zeile Fließtext haben.\\ 
 +Beispiel:\\ 
 +{{::styleguide:header_beispiel.png|}}
styleguide.txt · Zuletzt geändert: 05.11.2019 16:57 von kevin