Style Guide

Framework

Im Style Guide sind alle Auftritts-Übergreifenden Layout-Definitionen für das Projekt aufgeführt.

Colors Palette

#445CCA

Primary

#5F76D4

#5F76D4

Secondary

#ea3900

Accent

#ea3900

Primary Button

rgba
(234,219,213,0.7)

Hover

#f75e2d

Light

rgba
(234,227,218,0.5)

Secondary Button

#f75e2d

Light

Text styles

#394555

Text Headlines

#4E4E4E

Text Paragraph

#f6f7fb

Text Paragraph Light

Das ist eine H1 Überschrift

Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet. »Wie ein Hund!« sagte er, es war, als sollte die Scham ihn überleben.

Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seinem Bett zu einem ungeheueren Ungeziefer verwandelt.

Das ist eine H2 Überschrift Paragraph ITALIC

Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Absichten, als am Ziele ihrer Fahrt die Tochter als erste sich erhob und ihren jungen Körper dehnte.

Das ist eine H3 Überschrift

»Es ist ein eigentümlicher Apparat«, sagte der Offizier zu dem Forschungsreisenden und überblickte mit einem gewissermaßen bewundernden Blick den ihm doch wohlbekannten Apparat.

Das ist eine H4 Überschrift

Sie hätten noch ins Boot springen können, aber der Reisende hob ein schweres, geknotetes Tau vom Boden, drohte ihnen damit und hielt sie dadurch von dem Sprunge ab.

Das ist eine H5 Überschrift

In den letzten Jahrzehnten ist das Interesse an Hungerkünstlern sehr zurückgegangen. Aber sie überwanden sich, umdrängten den Käfig und wollten sich gar nicht fortrühren.

Das ist eine H6 Überschrift und eine Aufzählung
  • Erster Punkt der Aufzählung [bullet point]
  • Zweiter Punkt der Aufzählung [bullet point]
  • Dritter Punkt der Aufzählung [bullet point]
  1. Erster Punkt der nummerierten Aufzählung [ordered list]
  2. Zweiter Punkt der nummerierten Aufzählung [ordered list]
  3. Dritter Punkt der nummerierten Aufzählung [ordered list]

Hier noch ein Zitatblock [blockquote]

Das ist eine H1 Überschrift

Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet. »Wie ein Hund!« sagte er, es war, als sollte die Scham ihn überleben.

Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seinem Bett zu einem ungeheueren Ungeziefer verwandelt.

Das ist eine H2 Überschrift Paragraph ITALIC

Und es war ihnen wie eine Bestätigung ihrer neuen Träume und guten Absichten, als am Ziele ihrer Fahrt die Tochter als erste sich erhob und ihren jungen Körper dehnte.

Das ist eine H3 Überschrift

»Es ist ein eigentümlicher Apparat«, sagte der Offizier zu dem Forschungsreisenden und überblickte mit einem gewissermaßen bewundernden Blick den ihm doch wohlbekannten Apparat.

Das ist eine H4 Überschrift

Sie hätten noch ins Boot springen können, aber der Reisende hob ein schweres, geknotetes Tau vom Boden, drohte ihnen damit und hielt sie dadurch von dem Sprunge ab.

Das ist eine H5 Überschrift

In den letzten Jahrzehnten ist das Interesse an Hungerkünstlern sehr zurückgegangen. Aber sie überwanden sich, umdrängten den Käfig und wollten sich gar nicht fortrühren.

Das ist eine H6 Überschrift und eine Aufzählung
  • Erster Punkt der Aufzählung [bullet point]
  • Zweiter Punkt der Aufzählung [bullet point]
  • Dritter Punkt der Aufzählung [bullet point]
  1. Erster Punkt der nummerierten Aufzählung [ordered list]
  2. Zweiter Punkt der nummerierten Aufzählung [ordered list]
  3. Dritter Punkt der nummerierten Aufzählung [ordered list]

Hier noch ein Zitatblock [blockquote]

Button styles

Button Secondary