Style-Guide der G-H-S Website

 Blank-Gif für Gestaltungszwecke

Liebe Grüße an alle Mitglieder des Webteams!

Der Style-Guide zeigt alle Gestaltungs-Elemente, die beim Erstellen eines Beitrags eingesetzt werden können.  So wird ein einheitliches Erscheinungsbild und eine kohärente Textgliederung gewährleistet.

Viel Spass bei der Anwendung wünscht,

Sebastian Wüstefeld

 

transparentes GIF (blank)

 Punkt zur Strukturierung von InhaltenFarben:

Blank-Gif für Gestaltungszwecke

Farbakzent 1
Farbcode:

Blank-Gif für Gestaltungszweckeab0528
Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Farbakzent 2
Farbcode: 

Blank-Gif für Gestaltungszweckefef9cb
Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

GUSTAV

STYLE-

GUIDE

 

Farbakzent 3
Farbcode: 

Blank-Gif für Gestaltungszwecke06126e
Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Variation 1
Farbcode:

Blank-Gif für Gestaltungszweckea6c6e8

Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Variation 2
Farbcode:

Blank-Gif für Gestaltungszwecked8e6f5

Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Menü 1
Farbcode:

Blank-Gif für Gestaltungszwecke555e97

Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Menü 2
Farbcode:

Blank-Gif für Gestaltungszweckec6cdf0

Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Hintergrund
Farbcode:

Blank-Gif für Gestaltungszweckeedf3f9

Punkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von InhaltenPunkt zur Strukturierung von Inhalten

Die Farben bitte nur mit Hilfe der Farbcodes verwenden und nicht nach 
"Augenmaß" eigene Farbtöne komponieren.

Punkt zur Strukturierung von Inhalten Die Farbe "Menü 2" bitte nur sparsam und für einzelne Elemente verwenden.
 Blank-Gif für Gestaltungszwecke

 Punkt zur Strukturierung von InhaltenFormatierungen:

Blank-Gif für Gestaltungszwecke
> Überschrift 2

> Überschrift 3

> Überschrift 4

> Fließtext Fließtext Fließtext
> Zeilenwechsel im Fließtext
> Fließtext fett/bold

> Absatz im Fließtext 

Blank-Gif für Gestaltungszwecke

Pfeil zur Strukturierung von InhaltenAchtung:

 

1) Text bitte NICHT unterstreichen, da er sonst mit einem Link verwechselt würde.
Blank-Gif für Gestaltungszwecke
2) Die kursiv-(Italic-)Funktion bitte nur sparsam und in Ausnahmefällen nutzen,
da kursiver Text am Monitor wesentlich schlechter lesbar ist.

 

Blank-Gif für Gestaltungszwecke

 Punkt zur Strukturierung von InhaltenAufzählungen:

Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten punkt_1.gif

Punkt zur Strukturierung von Inhalten punkt_2.gif

Punkt zur Strukturierung von Inhalten punkt_3.gif

Punkt zur Strukturierung von Inhalten punkt_4.gif  (nur vor farbigem Hintergrund in einer Tabelle)

Punkt zur Strukturierung von Inhalten punkt_5.gif

Blank-Gif für Gestaltungszwecke

 Punkt zur Strukturierung von InhaltenLinks (+wichtige Hinweise):

Blank-Gif für Gestaltungszwecke

Pfeil zur Strukturierung von Inhalten pfeil_1.gifBlank-Gif für Gestaltungszwecke

Pfeil zur Strukturierung von InhaltenLink zu PDF-Dokument   Blank-Gif für Gestaltungszwecke> name.pdf

Pfeil zur Strukturierung von InhaltenLink zu TXT-Dokument (nur Text) Blank-Gif für Gestaltungszwecke> name.txt

 

 

Da transparente GIFs zur Zeit noch nicht dargestellt werden können,
gibt es Pfeile mit unterschiedlichen Hintergrundfarben:

Menüpfeil- 1px kürzer, da der andere Pfeil nicht ausgetauscht werden konnte.  pfeil_2b.gif

Pfeil zur Strukturierung von Inhalten pfeil_3.gif

Pfeil zur Strukturierung von Inhalten pfeil_4.gif

Links zu Word-Dokumenten sind bislang nicht möglich!

 Blank-Gif für Gestaltungszwecke

transparentes GIF (blank)Punkt zur Strukturierung von InhaltenMindmaps:

 Balken für Mindmaps     Balken für Mindmaps Punkt 1
 Balken für Mindmaps     Balken für Mindmaps Punkt 2
 Balken für Mindmaps Balken für Mindmaps Balken für Mindmaps Balken für Mindmaps Punkt 3
  Balken für Mindmaps   Balken für Mindmaps Punkt 4
TITEL Balken für Mindmaps      Blank-Gif für Gestaltungszwecke

 

Blank-Gif für Gestaltungszwecke

Blank-Gif für Gestaltungszwecke

 Besondere Auszeichnung

 

 Punkt zur Strukturierung von InhaltenTabellen:

 

 

Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten

Blank-Gif für Gestaltungszwecke
Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten
 
Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten
 
Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten
 
Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten
 
Blank-Gif für Gestaltungszwecke
Punkt zur Strukturierung von Inhalten
 

 



Druckerfreundliche Version Druckerfreundliche Version

Beitrag als PDF-Datei herunterladen Beitrag als PDF-Datei herunterladen

Transparenter Pixel