Style Guide

Heading

Heading

Poppins Semi Bold - 80px - Line Height 1.2-

H1

Heading

Poppins Semi Bold - 65px - Line Height 1.2-

H2

Heading

Poppins Medium - 55px - Line Height 1.1-

H3

Heading

Poppins Medium - 45px - Line Height 1.1-

H4
Heading

Poppins Regular - 30px - Line Height 1-

H5
Heading

Poppins Light - 20px - Line Height 1-

H6

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Semi Bold
Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin justo lectus, cursus non lacus vitae, dapibus fermentum libero. Maecenas rhoncus, ipsum maximus accumsan fringilla, dolor enim tempor nunc, non imperdiet nibh nisl non est.

Unordered List
  • This is some text inside of a div block.
Ordered List
  1. This is some text inside of a div block.

Colors

Back
#00000
White
#ffffff
Gainsboro
#c1c1c1
Pale Goldenrod
#d3e593
Yellow Green
#c1e050
Yellow Green
#9cd109
Olive Drab
#4e8604
en_USEnglish