TYPOGRAFIE

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading
Das ist der Leadtext. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

Das ist der Fliesstext <p>. 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.

Das ist der body Basistext, z.B. für den Footer. Hier ein externer Link. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Hier ein Link. At vero eos et accusam et justo duo dolores et ea rebum.
Das ist der extra kleiner Text. 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.



FARBEN

Primary «ct Red»
Links, Active Elements, Buttons
#F42334
$ct-red
Primary Dark «ct Red Dark»
Hover, etc.
#B50917
$ct-red-dark
Secondary «ct Charcoal»
Font Color, Background of dividers etc.
#253F51
$ct-charcoal
Secondary Dark «ct Charcoal Dark»
Hover, etc.
#001C2E
$ct-charcoal-dark
White
Website Background
#FFFFFF
$ct-white
Dark Grey

#5C7180
$ct-dark-grey
Mid Grey

#C7D2D9
$ct-mid-grey
Light Grey

#F5F8FA
$ct-light-grey

BUTTONS

CTA
Projekt starten
Button fill
Button outline
Button verylong
Red Link
Roter Link mit lustigem Text

FORMULARE

We'll never share your email with anyone else.