STYLE GUIDE - KEEMI!

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: 28px
Font-weight: 600 - semi-bold
Line-height: 40px

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. We have some placeholder text here to show what a paragraph looks like.

Class: All Paragraphs
Font-size: 14px
Font-weight: 400 - normal
Line-height: 40px
This is a text link
Class: text-link
Font-size: 14px
Font-weight: 400 - normal
Line-height: 20px
THIS IS A BUTTON
Class: button
Font-size: 14px
Line-height: 20px
Padding top and bottom: 18px
Padding left and right: 36px
Letter spacing: 2px
Class: Full 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

Class: text-color
Color: #1b1b1b
Class: primary-color
Color: #faf9f5
Class: secondary-color
Color: #aa896a
Class: light-color
Color: #d6cabf