Styleguide

Headline Styles

headline-style-1

headline-style-1

headline-style-2

headline-style-2

headline-style-3

headline-style-3

Font Styles

text-style-1

Ich bin ein Seitentitel

text-style-2

Ich bin eine Überschrift

text-style-3

Ich bin eine Überschrift

text-style-4

Ich bin eine Überschrift

text-style-5

Vorname Nachname Referenten

text-style-6

Teasertext sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

text-style-7

Small Text, e.g. position or company (quotes section)

Standard Fließtext

(muss nicht als Klasse definiert werden)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

color-white

Kann mit jedem anderen Text-Stil kombiniert werden:

z.B. text-style-7 color-white

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Button Styles

btn-style-1

btn-style-2

btn-style-3

btn-style-4

Spacing

space-md

space-lg

Farben

Performance Blue
#434082

CTA Blue
#3371FB

Light Blue
#86A9FA

Blue Hover
#5963AA

Shopping Green
#00D953

Stimulation Red
#FC4853

Light Grey
#f6f6f6

Dark Grey
#4D4D4D

Decoration Blue
#e6ecf7

Content Typen

Listing der Themengebiete

Erstelle ein zwei- oder dreispaltiges Layout und füge einzelne Button mit folgender class hinzu:

btn-style-5

Info Circles

MBA-Absolventen im Jahr 2020

MBA-Absolventen im Jahr 2020

MBA-Absolventen im Jahr 2020

MBA-Absolventen im Jahr 2020

MBA-Absolventen im Jahr 2020