Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Gestaltungsrichtlinien

(Entwurf)

Achtung, nix final. Hier wird noch dran gearbeitet (Lächeln)
projectdoc-box-pending
titlein Arbeit
Info

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.


Inhalt


das Logo in den unterschiedlichen Varianten findest du hier: Nextcloud\Nachhaltigkeitswochen BaWü 2021\AG Öffentlichkeitsarbeit\Logo

bunt

Image Added

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ß

Image Added

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

Image Added

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
einem Haufen
  • 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)

    • Image Modified

Varianten

Gestaltungsvarianten Posts/Beiträge

  1. nur Foto
Bild
  1. ohne Kleckse
, LinienIcons mit Kleckse Symbol/ Bild
  1. & Linien; Text oder Logo möglich
    1. Beispiele:Image AddedImage Added
  2. Icon mit Logo-Klecksen in der Mitte
  1. auf weißem Hintergrund
    1. Beispiel:Image Added
  2. Grafik/Foto
  1. ohne Kleckse entweder mit weißem Hintergrund und Linien & Punkten oder farbigen Hintergrund ohne Linien
    1. Beispiel: Image Added
  2. Text/Foto mit mind. 1 max. 4 Klecksen am Rand

      Farben

      Image Removed

      anthrazit RGB 30/28/28 #1e1c1c

      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

      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

        1. Kleckse sollten zusammn ca. mind. 1/3 des Platzes einnehmen
        2. Beispiele:
        3. Image AddedImage AddedImage AddedImage AddedImage Added
      1. Sonstige "besondere" Beiträge - werden individuell gestaltet
        1. Beispiele: Image AddedImage AddedImage Added
    1. einfarbig
    2. Stil: Outlines in Linienstil, ungefüllt, 18pt
    3. Linien haben runde Endungen