style guide - joy michelle :)

Typography

Heading 1

Class: All H1 Headings
Font-size: 34px
Font-weight: 400 - normal
Line-height: 60px

Heading 2

Class: All H2 Headings
Font-size: 3opx
Font-weight: 400 - normal
Line-height: 40px

Heading 3

Class: All H3 Headings
Font-size: 22px
Font-weight: 400 - normal
Line-height: 30px

Heading 4

Class: All H4 Headings
Font-size: 24px
Font-weight: 400 - normal
Line-height: 1.45 EM

Heading 5

Class: All H5 Headings
Font-size: 18px
Font-weight: 600 - semi-bold
Line-height: 1.25 EM

Heading 6

Class: All H6 Headings
Font-size: 12px
Font-weight: 700 - bold
Line-height: 18px

This is a paragraph element.

Class: All Paragraphs
Font-size: 14px
Font-weight: 400 - normal
Line-height: 40px

This is a text block.

Class: Text Block
Font-size: 16px
Font-weight: 300 - light
Line-height: 25px

This is a subtitle

Class: Subtitle
Font-size: 25px
Font-weight: 400 - normal
Line-height: 25px

This is a text link

Class: text-link
Font-size: 14px
Font-weight: 400 - normal
Line-height: 20px

Button 1

Class: Button 1
Font-size: 14px
Line-height: 20px
Padding top and bottom: 18px
Padding left and right: 36px
Letter spacing: 2px

Button 2

Class: Button 2
Font-size: 14px
Line-height: 20px
Padding top and bottom: 18px
Padding left and right: 36px
Letter spacing: 2px

Class: Button Light
Combo class: outline
Font-size: 16px
Line-height: 20px
Background: Transparent
Padding top and bottom: 18px
Padding left and right: 36px
Letter spacing: 2px

Class: Nav Button
Combo class: outline
Font-size: 16px
Line-height: 20px
Background: Transparent
Padding top and bottom: 18px
Padding left and right: 36px
Letter spacing: 2px

Colors

Text Colour 1

Class: Text Colour 1
Color: #7a5858

Text Colour 2

Class: text-color 2
Color: #bf9292

Class: Body Colour
Color: #faf9f5

Class: Accent Colour 1
Color: #efeae9

Class: Accent Colour 2
Color: #ededed