Fonts - Desktop/Default
H1. Home page
font-size: 70px
line-height: 110%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Home page Hero Section
H1. Inner pages
font-size: 60px
line-height: 110%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Page Titles
H2. This is a Header Text.
font-size: 56px
line-height: 100%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Section Headers Titles
H3. This is a Header Text.
font-size: 30px
line-height: 110%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Section Headers
H4. This is a Header Text.
font-size: 12px
line-height: 130%
font-weight: Regular
letter-spacing: 3.2px
font-family: Sofia Pro
Titles
This is a body copy 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
font-size: 15px
line-height: 150%
font-weight: Light
letter-spacing: 0%
font-family: Sofia Pro
Lead Paragraph
This is a body copy 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
font-size: 20px
line-height: 130%
font-weight: Medium Italic
letter-spacing: 0%
font-family: Cormorant Garamond
Secondary Paragraph
Button Text
font-size: 11px
line-height: 110%
font-weight: Medium
letter-spacing: 2.2px
font-family: Sofia Pro
Calls-To-Action
Text Buttons
Nav
Fonts - Mobile
H1. Home page
font-size: 48px
line-height: 110%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Home page Hero Section
H1. Inner pages
font-size: 48px
line-height: 110%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Page Titles
H2. This is a Header Text.
font-size: 36px
line-height: 100%
font-weight: Medium
letter-spacing: 0%
font-family: Cormorant Garamond
Section Headers Titles
Main Colours
#4A3324
WALNUT
- Use as accent background color
- Use for text contents
#4A6759
FOREST
- Use for CTA Buttons
#F4EFE7
PAPER
- The primary background color of all pages
#C9BFAE
CLAY LIGHT
- Use as border color
Buttons
Default
On Hover
Primary
font-size: 11px
line-height: 110%
font-weight: Medium
letter-spacing: 2.2px
font-family: Sofia Pro
font-size: 11px
line-height: 110%
font-weight: Medium
letter-spacing: 2.2px
font-family: Sofia Pro
Secondary
font-size: 11px
line-height: 110%
font-weight: Medium
letter-spacing: 2.2px
font-family: Sofia Pro
font-size: 11px
line-height: 110%
font-weight: Medium
letter-spacing: 2.2px
font-family: Sofia Pro