Typografie

H1 Bold 56/91

H2 Bold 48/80

H3 Bold 36/60

H4 Bold 28/46

H5 Bold 24/36
Body 1 - Regular 18/28
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. 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 Text 1 
Jetzt Kontaktieren
SemiBold 16PX

Farben

#4d66ff
#fc9374
#fc9374
#151517
#ffffff
#939393

Spacing & Sizing

PX
REM
NAME
8px
0.5
xs
16px
1
s
24px
1.5
m
32px
2
l
48px
3
xl
64px
4
xxl
128px
8px
xxxl

CSS-Classes

Margin

.top-xs
.top-s
.top-m
.top-l
.top-xl
.top-xxl
.top-xxxl
margin-top: 8px;
margin-top: 16px;
margin-top: 24px
margin-top: 32px;
margin-top: 48px;
margin-top: 64px;
margin-top: 128px;
.bottom-xs
.bottom-s
.bottom-m
.bottom-l
.bottom-xl
.bottom-xxl
.bottom-xxxl
margin-bottom: 8px;
margin-bottom: 16px;
margin-bottom: 24px
margin-bottom: 32px;
margin-bottom: 48px;
margin-bottom: 64px;
margin-bottom: 128px;

Spacing

.pad-xs
.pad-s
.pad-m
.pad-l
.pad-xl
.pad-xxl
.pad-xxxl
padding: 8px;
padding: 16px;
padding: 24px;
padding: 32px;
padding: 48px;
padding: 64px;
padding: 128px;

Fonts

.font-s
.font-m
.font-l
.font-xl
.font-xxl
font-size: 16px;
font-size: 28px;
font-size: 36px;
font-size: 48px;
font-size: 56px;
hello world!
chevron-down linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram