Primary Color Palette
Midnight
#131E29
Almond
#E8D5BE
Gunmetal
#1D3641
White
#FFFFFF
Color Tints
#131E29
#1C2934
#343F49
#4C565F
#6F787F
#1D3641
#243F4B
#2C4A54
#455F68
#5C727A
#7C838A
#93999F
#B6BBBE
#DBDDDF
#F3F3F4
Secondary Color Palette
Mesa
#7B1113
Amber
#7E5F2A
Dune
#A58D5F
Surf
#B1C9E8
H1
Lato
Light
Font Size: 52px
Line Height: 1.25
Font Color: #131E29 / #FFFFFF
H1 Ipad
Font Size: 44px
H1 Mobile
Font Size: 35px
The quick brown fox jumps over the lazy dog.
H2
Lato
Light
Font Size: 44px
Line Height: 1.22
Font Color: #131E29 / #FFFFFF
H2 Ipad
Font Size: 38px
H2 Mobile
Font Size: 31px
The quick brown fox jumps over the lazy dog.
H3
Lato
Light
Font Size: 38px
Line Height: 1.21
Font Color: #131E29 / #FFFFFF
H3 Ipad
Font Size: 32px
H3 Mobile
Font Size: 29px
The quick brown fox jumps over the lazy dog.
H4
Lato
Regular
Font Size: 25px
Line Height: 1.2
Font Color: #131E29 / #FFFFFF
H4 Ipad
Font Size: 23px
H4 Mobile
Font Size: 21px
The quick brown fox jumps over the lazy dog.
H5
Lato
Regular
Font Size: 20px
Line Height: 1.25
Font Color: #131E29 / #FFFFFF
H5 Ipad
Font Size: 18px
H5 Mobile
Font Size: 16px
The quick brown fox jumps over the lazy dog.
H6
Lato
Bold
Font Size: 15px
Line Height: 1.4
letter-spacing: 0.3px;
Font Color: #131E29 / #FFFFFF
H6 Ipad
Font Size: 15px
H6 Mobile
Font Size: 15px
The quick brown fox jumps over the lazy dog.
Paragraph
Lato
Regular
Font Size: 15px
Line Height: 1.4
letter-spacing: 0.3px;
Font Color: #4C565F
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Paragraph Text Link
Lato
Regular
Link: #131E29 / underline
Hover: #7B1113 / underline
Large Button
btn-link
Shop Now