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.


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:

Kleckse:
  • 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

  1. nur Foto ohne Kleckse & Linien; Text oder Logo möglich
    1. Beispiele:
  2. Icon mit Logo-Klecksen in der Mitte auf weißem Hintergrund
    1. Beispiel:
  3. Grafik/Foto ohne Kleckse entweder mit weißem Hintergrund und Linien & Punkten oder farbigen Hintergrund ohne Linien
    1. Beispiel: 
  4. Text/Foto mit mind. 1 max. 4 Klecksen am Rand
    1. Kleckse sollten zusammn ca. mind. 1/3 des Platzes einnehmen
    2. Beispiele:
  5. Sonstige "besondere" Beiträge - werden individuell gestaltet
    1. Beispiele:


  • Keine Stichwörter