Headings
Heading H1
H1 - Syne - 700 - 38px - 1.2
Heading H2
H2 - Syne - 700 - 38px - 1.2
Heading H3
H3 - Syne - 700- 38px - 1.2
Heading H4
H4 - Syne - 700 - 38px - 1.2
Heading H5
H5 - Syne - 700 - 38px - 1.2
Heading H6
H6 - Syne - 700 - 38px - 1.2
Typography style guide - all texts
H1 - Syne - 700 - 38px - 1.2
H2 - Syne - 700 - 38px - 1.2
H3 - Syne - 700- 38px - 1.2
H4 - Syne - 700 - 38px - 1.2
H5 - Syne - 700 - 38px - 1.2
H6 - Syne - 700 - 38px - 1.2
main-paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
p - Public Sans - 400 - 24px - 1.2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
p - Public Sans - 400 - 32px - 1.5 | .extended-lh
Paragraph Regular
p - Public Sans - 400 - 14px - 1.2
p - Public Sans - 400 - 14px - 1.5 | .extended-lh
strong - Public Sans - 700 - 14px - 1.2
italic - Public Sans - 700 - 14px - 1.2
ul - Public Sans - 400 - 14px - 1.2
ol - Public Sans - 400 - 14px - 1.2
Colors
buttons
Typography style guide - all texts
.padding-large | 30px
.padding-medium | 20px
.padding-small | 10px
.padding-vertical-large | 30px
.padding-vertical-medium | 20px
.padding-vertical-small | 10px
.padding-horizontal-large | 30px
.padding-horizontal-medium | 20px
.padding-horizontal-small | 10px
.margin-large | 30px
.margin-medium | 20px
.margin-small | 10px
.margin-vertical-large | 30px
.margin-vertical-medium | 20px
.margin-vertical-small | 10px
.margin-horizontal-large | 30px
.margin-horizontal-medium | 20px
.margin-horizontal-small | 10px