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

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
styleguide [04.11.2019 15:28] – [Tabelle] kevinstyleguide [05.11.2019 16:57] (aktuell) kevin
Zeile 1: Zeile 1:
-====== Farben ====== +====== Styleguide ====== 
-===== Primärfarben =====+Gültig ab 2019. Angaben gelten fürs Web. Für Print gibt es derzeit keine Vorgaben, es sollte jedoch optisch möglichst zum web passen. 
 + 
 +===== Farben ===== 
 +==== Primärfarben ====
 ^ Verwendung           ^ HEX      ^ Beispiel ^ ^ Verwendung           ^ HEX      ^ Beispiel ^
 | Primärfarbe          | #dc0067  | <color #dc0067>■■■■■■■■■</color> | | Primärfarbe          | #dc0067  | <color #dc0067>■■■■■■■■■</color> |
Zeile 6: Zeile 9:
 | Links                | #009ee0  | <color #009ee0>■■■■■■■■■</color> | | Links                | #009ee0  | <color #009ee0>■■■■■■■■■</color> |
  
-===== Sekundärfarben =====+==== Sekundärfarben ====
 ^ Verwendung                       ^ HEX      ^ Beispiel                          ^ ^ Verwendung                       ^ HEX      ^ Beispiel                          ^
 | Hintergrund 1                    | #ffffff  | <color #ffffff>■■■■■■■■■</color>  | | Hintergrund 1                    | #ffffff  | <color #ffffff>■■■■■■■■■</color>  |
Zeile 15: Zeile 18:
 | Fließtext (Auf Hintergrund 4)    | #ffffff  | <color #ffffff>■■■■■■■■■</color>  | | Fließtext (Auf Hintergrund 4)    | #ffffff  | <color #ffffff>■■■■■■■■■</color>  |
  
-====== Logo ======+===== Logo =====
 {{:werbematerial:logo:ffpi_baum_rz.svg?200 |}} {{:werbematerial:logo:ffpi_baum_rz.svg?200 |}}
  
Zeile 25: Zeile 28:
 Beispiel:\\ Beispiel:\\
 {{::styleguide:header_beispiel.png|}} {{::styleguide:header_beispiel.png|}}
 +
 +===== Schriften =====
 +Der "Freifunk Pinneberg" Schriftzug sollte nach möglichkeit in "Swiss911 XCm BT" sein. Da die Font nicht kostenlos genutzt werden kann, bietet sich als Alternative "Alternate Gothic No. 2 (BT)" mit Letterspacing -3% an, oder in allergrößter Not "Roboto Condensed"
 +
 +Allgemeine Überschriften sind in "Roboto Condensed Bold", fließtexte in "Roboto".\\
 +Überschriften sind immer und Fett und sofern auf hellen Hintergrund in der Primärfarbe. Auf dunklem Hintergrund bietet sich Weiß an.
styleguide.1572877723.txt.gz · Zuletzt geändert: 04.11.2019 15:28 von kevin