Skip to next element

Use code HOLYLAND50 to get 50% off your first Annual Box. Learn more

Primary Color Palette

Olive

#545C28

bg-primary

Secondary

#C26210

bg-secondary

Black

#171E0A

bg-black

Sand

#F6F4EC

bg-secondary-100

Aged Olive

#3F4524

bg-primary-500

Soft Sky

#C5DEE7

bg-blue-300

Yellow

#E5AD52

bg-secondary-500

Color Tints & Shades

bg-primary-100 #EEEFE9
bg-primary-200 #DDDED4
bg-primary-300 #767D53
bg-primary-400 #656C3E
bg-primary-500 #3F4524
bg-secondary-100 #F6F4EC
bg-secondary-200 #eae7da
bg-secondary-300 #ded9cb
bg-secondary-400 #EABD75
bg-secondary-500 #E5AD52
bg-secondary-600 #CB9339
bg-secondary-700 #C87128
bg-secondary-800 #C26210
bg-secondary-900 #A94800
bg-blue-100 #E2EEF3
bg-blue-200 #D7E8EE
bg-blue-300 #C5DEE7

Greyscale

bg-black #171E0A
bg-gray-900 #2E3422
bg-gray-800 #464B3B
bg-gray-700 #5D6153
bg-gray-600 #74786C
bg-gray-500 #8B8E84
bg-gray-400 #A2A59D
bg-gray-300 #B9BBB5
bg-gray-200 #D1D2CE
bg-gray-100 #E8E8E6

Typography

Aa

Arpona
  • Regular

Aa

Mr Eaves XL Mod OT
  • Regular
  • Bold

Aa

Antro Vectra
  • Regular
H1 Display
Font Family: Arpona
Font weight: 400
Font Size: 60px
Line Height: 1
Letter Spacing: 0em

The quick brown fox jumps over the lazy dog.

H1 Display Mobile
Font Size: 45px
Line Height: 1

The quick brown fox jumps over the lazy dog.

H1
Font Family: Arpona
Font weight: 400
Font Size: 50px
Line Height: 1
Letter Spacing: 0em

The quick brown fox jumps over the lazy dog.

H1 Mobile
Font Size: 40px
Line Height: 1

The quick brown fox jumps over the lazy dog.

H2
Font Family: Arpona
Font weight: 400
Font Size: 46px
Line Height: 1.2
Letter Spacing: 0em

The quick brown fox jumps over the lazy dog.

H2 Mobile
Font Size: 36px
Line Height: 1.2

The quick brown fox jumps over the lazy dog.

H3
Font Family: Arpona
Font weight: 400
Font Size: 36px
Line Height: 1.3
Letter Spacing: -0.01em

The quick brown fox jumps over the lazy dog.

H3 Mobile
Font Size: 26px
Line Height: 1.3

The quick brown fox jumps over the lazy dog.

H4
Font Family: Arpona
Font weight: 400
Font Size: 26px
Line Height: 1.3
Letter Spacing: 0em

The quick brown fox jumps over the lazy dog.

H4 Mobile
Font Size: 18px
Line Height: 1.3

The quick brown fox jumps over the lazy dog.

H5
Font Family: Arpona
Font weight: 400
Font Size: 18px
Line Height: 1.4
Letter Spacing: 0em
The quick brown fox jumps over the lazy dog.
H5 Mobile
Font Size: 16px
Line Height: 1.4
The quick brown fox jumps over the lazy dog.
H6
Font Family: Arpona
Font weight: 700
Font Size: 15px
Line Height: 1
Letter Spacing: 0.05em
The quick brown fox jumps over the lazy dog.
H6 Mobile
Font Size: 14px
Line Height: 1
The quick brown fox jumps over the lazy dog.
Paragraph
Font Family: mreavesxlmodotheavy
Font Weight: 400
Font Size: 16px
Line Height: 1.5
Letter Spacing: 0em
Font Color: #171E0A

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.

email@merchant.com

Paragraph Mobile
Font Size: 15px
Line Height: 1.4

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 Large
Font Family: mreavesxlmodotheavy
Font Weight: 400
Font Size: 18px
Line Height: 1.5
Letter Spacing: 0em
Font Color: #171E0A

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.

email@merchant.com

Paragraph Mobile
Font Size: 15px
Line Height: 1.4

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 Small
Font Family: mreavesxlmodotheavy
Font Weight: 400
Font Size: 14px
Line Height: 1.5
Letter Spacing: 0em
Font Color: #171E0A

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.

email@merchant.com

Paragraph Mobile
Font Size: 13px
Line Height: 1.4

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.

Button Style

Placeholder
btn btn-primary
Placeholder
btn btn-secondary
Placeholder
btn btn-primary-outline
Placeholder
btn btn-light
Placeholder
btn btn-light-outline
Placeholder
btn btn-lg
Placeholder
btn btn-sm
Placeholder
btn btn-link btn-link-primary
Placeholder
btn btn-link btn-link-secondary

Text Fields

Floating Form
Normal Form

Selections

Checkbox
Radio button

Tags

  • Placeholder
  • Placeholder
  • Placeholder
  • Placeholder
  • Placeholder
  • Placeholder

Slider Navigation