Typography Specifications
Font used throughout: Krub
H1
Weight: 600
Size:
Desktop: 48px
Line Height: 51
Tablet: 36
Line Height: 40
Mobile: 28
Line Height:32
Color: #5d5b60
H2
Weight: 500
Size:
Desktop: 36px
Line Height: 40
Tablet: 28
Line Height: 32
Mobile: 23
Line Height:27
Color: #5d5b60
H3
Weight: 600
Size:
Desktop: 28px
Line Height: 32
Tablet: 24
Line Height: 29
Mobile: 19
Line Height:22
Color: #5d5b60
H4 All upper case
Weight: 700
Size:
Desktop: 18px
Line Height: 22
Tablet:16
Line Height: 18
Mobile: 14
Line Height: 1.2 em
Color: #5d5b60
H5
Weight: 600
Size:
Desktop: 22px
Line Height: 25
Tablet: 22
Line Height: 25
Mobile: 18
Line Height:21
Color: #5d5b60
Text
Weight: 500
NOTE: Some instances over toned backgrounds use 600.
Size:
Desktop: 18px
Line Height: auto
Tablet: 16
Line Height: auto
Mobile: 14
Line Height: auto
Color: #5b595b
Link Text
Weight: 600
Size:
Desktop: 36px
Line Height: 40
Tablet: 28
Line Height: 32
Mobile: 23
Line Height:27
Color:
Normal: #86355D
Hover: #C34D60
Buttons
Font weight: 700
Style: Uppercase
Font Size:
Desktop: 15px
Line Height: auto
Tablet: 15
Line Height: auto
Mobile: Sizes according to Elementor defaults
Text Color: #F9F6EC
Button Color:
Normal: #86355D
Hover: #C34D60
Other Specifications
Header
Bright Yellow: #F8B959
Cream Background: #FBF4E4D4
NOTE: The extra number and letter indicate opacity.
Green Button Color:
Normal: #648287
Hover: #6B2D6E
Header Navigation
Font Size:
Desktop: 1.1 VW
Font Color:
Normal: #834066
Hover: #F3BF7AC7
Active: #F3BF7AC7
Dropdown Menu BackgroundColors:
Normal: #834066
Hover: #602145
Active: #F3BF7AC7
Footer
Background color: #5A374B
Lighter Affiliates background color: #65475A
Light color used for nav and social media: #65475A
Site Colors
#86355D
#834066
#A07C8D
#5A374B
#C34D60
#F8B959
#F2E6BC
#FBF4E4D4
#EBE6D5
#CECEB3EE
#648287
#809A9C
#A3B3B4
#B3CBCF
#B3CBCF
