Headline Size 1

Roboto 48px 300 #212121

Headline Size 2

Roboto 40px 300 #212121

Headline Size 3

Roboto 32px 300 #212121

Headline Size 4

Roboto 24px 300 #212121

Headline Size 5

Roboto 20px 300 #212121

Headline Size 6

Roboto 16px 300 #212121

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.

Roboto Slab 16px 300 #212121

            background: #FFF2ED
text-color: #212121
        

            background: #FFBBA0
text-color: #FFFFFF
        

            background: #E5E5E5
text-color: #212121
        

            background: #CCC2BE
text-color: #212121
        

            background: #7F7976
text-color: #FFFFFF
        

            background: #333333
text-color: #FFFFFF
        

Colors
apricot
#FFBBA0
rgb(255,187,160)
light-apricot
#FFF2ED
rgb(255,242,237)
blue
#99E1F2
rgb(153,225,242)
light-blue
#DFECEF
rgb(223,236,239)
white
#FFFFFF
rgb(255,255,255)
light-gray
#E5E5E5
rgb(229,229,229)
gray
#CCC2BE
rgb(204,194,190)
medium-gray
#7F7976
rgb(127,121,118)
dark-gray
#333333
rgb(51,51,51)
darkest-gray
#212121
rgb(33,33,33)
black
#000000
rgb(0,0,0)

Fonts
                Roboto

                300

                normal
            
                Roboto Slab

                400

                normal
            
                Roboto Slab

                300

                normal