Colors

Black
–color-black
#000000
White
–color-white
#FFFFFF
Gray Light
–color-gray-light
#F7F7F7
Transparent
Beige Trans.
–color-beige-tr…
#F3F0E9CC
Footer BG
–footer-backgro…
#A4A77A

Typography

Font Family: EB Garamond (Headings)

Heading 1 – The quick brown fox

Tag: <h1>, .h1
Font Size: var(–font-size-h1)
Line Height: var(–line-height-h1)

Heading 2 – The quick brown fox

Tag: <h2>, .h2
Font Size: var(–font-size-h2)
Line Height: var(–line-height-h2)

Heading 3 – The quick brown fox

Tag: <h3>, .h3
Font Size: var(–font-size-h3)
Line Height: var(–line-height-h3)

Heading 4 – The quick brown fox

Tag: <h4>, .h4
Font Size: var(–font-size-h4)
Line Height: var(–line-height-h4)
Heading 5 – The quick brown fox
Tag: <h5>, .h5
Font Size: var(–font-size-h5)
Line Height: var(–line-height-h5)
Heading 6 – The quick brown fox
Tag: <h6>, .h6
Font Size: var(–font-size-h6)
Line Height: var(–line-height-h6)

Font Family: Helvetica Neue (Body)

Paragraph (Base): Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Paragraph (Medium): Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Upper Case Utility: This text is transformed to uppercase.
.uppercase

Buttons & Links

Standard Button

Button Text
Class: .wp-element-button

Link with Underline

Discover More
Class: .link-with-underline
(Combined with .wp-element-button)

Inline Link

This is a paragraph with an inline text link inside it.

Tag: <a> (inside text)
drag

Reservation