Gestaltungsrichtlinien
Dieser Styleguide dient als gestaltersiche Grundlage für jeglichen grafischen Output der NWB. Hauptsächlich dient er intern der AG Öffi als Richtlinie.
Bei Fragen an Vivienne Stürm wenden.
Logo
das Logo in den unterschiedlichen Varianten findest du hier: Nextcloud\Nachhaltigkeitswochen BaWü 2021\AG Öffentlichkeitsarbeit\Logo
bunt
Es kann entweder in der farbigen Variante mit Klecksen im Hintergrund verwendet werden. Diese Variante sollte möglichst nur auf weißem Hintergrund oder Bildern verwendet werden.
schwarz / weiß
Auf (NWB-)farbigen Hintergründen kann das weiße oder schwarze Logo eingesetzt werden. Jedoch NUR, wenn die anderen vier Primärfarben Teil der Gesamtkomposition sind - möglichst also in Form von Klecksen verwendet werden. Ansonsten immer das bunte Logo verwenden.
Farben
nur für Text:
- anthrazit RGB 30/28/28 #1e1c1c
Primärfarben:
- dunkelblau RGB 0/57/77 #00394d
- blaugrün RGB 74/120/117 #4a7875
- gelb RGB 209/150/56 #d19638
- orange RGB 195/105/60 #c3693c
Hauptsächlich sollten die Farben mit 100% Deckkraft verwendet werden, wenn nötig kann mit Transparenzen gearbeitet werden.
Zusätzlich verwendete Farben sollten sich im Spektrum der NWB Farben bewegen.
Typo
Rubik Light (kostenlos, Google Font)
Rubik Medium (nur für Abgrenzungen/Hervorhebungen)
- nur regular, nicht italic (außer in Fließtexten)
- hauptsächlich in anthrazit, wenn nötig in NWB Farben darstellen
Bilder
- möglichst keine klassischen Stockfotos
- wenn mit Menschen, möglichst natürliche Settings
- grelle Farben abschwächen, eher warmer, dunklerer Bildstil/-farben wie NWB-Farben
- Inspo bisherige Bilder für Instagram: Nextcloud\Nachhaltigkeitswochen BaWü 2021\AG Öffentlichkeitsarbeit\Instagram\00_material\00_style-vorlagen
Icons
- einfarbig
- Stil: Outlines in Linienstil, ungefüllt, 18pt
- Linien haben runde Endungen
Gestaltungselemente
Als Gestaltungselemente können in Kombination verwendet werden:
- organische Form, keine Ecken, wenig "Wellen"
- nicht zu figürlich (Quadrat, Blume, Sterne etc.)
- überlappen sich nicht
- immer auf weißem Hintergrund, immer mehr weiß als Kleckse
- Inspiration in Nextcloud: Nextcloud\Nachhaltigkeitswochen BaWü 2021\AG Öffentlichkeitsarbeit\Instagram\00_material\00_style-vorlagen
- nur farbige Kleckse (also kein anthrazit)
Linien:
- nur in Gelb
- Stärke: 3pt; Ausgangspunkt für Pinsel: rund, 3pt (bei 1080x1080px)
- optisch etwas dicker als Punkte
- orientieren sich an Form von Klecksen, "magnetisch"
- können Kleckse überschneiden
- nur in Kombination mit Klecksen und Punkten verwenden; Ausnahme: als dezentes Gestaltungselement alleinstehend möglich z.B. im Hintergrund
Punkte:
- nur in Gelb
- 2-3 auf einmal, nie einzeln
- Stärke: 3pt; Ausgangspunkt für Pinsel: rund, 3pt (bei 1080x1080px)
- optisch etwas dünner als Linie
- immer längs an Linie orientiert, nimmt Krümmung der Linie auf
- nur in Kombi mit Klecksen und Linien
Instagram Vorgaben
Stories
- möglichst schlicht, weniger ist mehr
- nur einfarbiger Hintergrund in NWB Farben oder Kleckse (mit Linien und Punkten)
- Schrift:
gerade Variante (roter Pfeil unten) wählen
Farbe schwarz/weiß/NWB Farben
nur waagrecht platzieren, nicht schräg!
zur Hervorhebung Hinterlegung möglich (schwarz/weiß/NWB-Farben)
Gestaltungsvarianten Posts/Beiträge
- nur Foto ohne Kleckse & Linien; Text oder Logo möglich
- Beispiele:
- Icon mit Logo-Klecksen in der Mitte auf weißem Hintergrund
- Beispiel:
- Grafik/Foto ohne Kleckse entweder mit weißem Hintergrund und Linien & Punkten oder farbigen Hintergrund ohne Linien
- Beispiel:
- Text/Foto mit mind. 1 max. 4 Klecksen am Rand
- Kleckse sollten zusammn ca. mind. 1/3 des Platzes einnehmen
- Beispiele:
- Sonstige "besondere" Beiträge - werden individuell gestaltet
- Beispiele: