STYLE GUIDE - KEEMI!

Typography

Heading 1

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

Heading 2

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

Heading 3

Class: All H3 Headings
Font-size: 28px
Font-weight: 600 - semi-bold
Line-height: 40px
Color: #1b1b1b

Heading 4

Class: All H4 Headings
Font-size: 24px
Font-weight: 400 - normal
Line-height: 1.45 EM
Color: #1b1b1b
Heading 5
Class: All H5 Headings
Font-size: 18px
Font-weight: 600 - semi-bold
Line-height: 1.25 EM
Color: #1b1b1b
Heading 6
Class: All H6 Headings
Font-size: 12px
Font-weight: 700 - bold
Line-height: 18px
Color: #1b1b1b

This is a paragraph element.

Class: All Paragraphs
Font-size: 22px
Font-weight: 400 - normal
Line-height: 25px
Color: #1b1b1b
This is a text block
Class: All Text Blocks
Font-size: 22px
Font-weight: 400 - normal
Line-height: 25px
Color: #1b1b1b
This is a text link
Class: text-link
Font-size: 14px
Font-weight: 400 - normal
Line-height: 20px
BUTTON
Class: button
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

Colors

Text Colour
Class: text_colour_setting
Color: #686868
Class: Body
Color: #faf9f5
Class: Accent Colour 1
Color: #aa896a
*Set Border colour
Class: Accent Colour 2
Color: #d6cabf
Transparency: 50