Wiki - Freifunk Pinneberg

Freies WLAN im Kreis Pinneberg

Benutzer-Werkzeuge

Webseiten-Werkzeuge


styleguide

Styleguide

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
Primärfarbe #dc0067 ■■■■■■■■■
Akzentfarbe #ffb400 ■■■■■■■■■
Links #009ee0 ■■■■■■■■■

Sekundärfarben

Verwendung HEX Beispiel
Hintergrund 1 #ffffff ■■■■■■■■■
Hintergrund 2 #f7f7f7 ■■■■■■■■■
Hintergrund 3 #ebebeb ■■■■■■■■■
Hintergrund 4 #333333 ■■■■■■■■■
Fließtext (Auf Hintergrund 1-3) #666666 ■■■■■■■■■
Fließtext (Auf Hintergrund 4) #ffffff ■■■■■■■■■


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:

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.txt · Zuletzt geändert: 05.11.2019 16:57 von kevin