Abalone Hotel & Villas Logo
Sabor Del Mar

Design Language

Colors

Primaries and grays

Light Cream

#FAFAF8

Dark Cream

#E2DED5

Forest Green

#838A7B

Light Grey - Text

#5C5A53

Dark Grey - Headings

#3C3A34

Type

Typographic styling for headings, body and other text elements

H0

Jumbo

Cormorant Garramond Regular - 12 vw - Line height: 120%

H1

Heading 1

Cormorant Garramond Regular - 8 vw- Line height: 120%

H2

Heading 2

Cormorant Garramond Regular - 6 vw- Line height: 120%

H3

Heading 3

Cormorant Garramond Regular - 5 vw- Line height: 110%

H4

Heading 4

Cormorant Garramond Regular - 4.5 vw- Line height: 110%

H5

Heading 5

Cormorant Garramond Regular - 3.2 vw- Line height: 120%

H6

Heading 6

Cormorant Garramond Regular - 2 vw- Line height: 120%

Feature
Paragraph

Feature Paragraph Text - Come as a guest, leave as a family.

Cormorant Garramond Regular - 2.2 vw - Line height: 140%

Paragraph

Paragraph Text - Come as a guest, leave as a family.

Raleway Regular - 1.4 vw- Line height: 140%

Body Text Styles

Small Text - 1.1 vw - Line Height: 140%
Subtitle - 1.7 vw- Line Height 140%

Buttons

Styles for primary and secondary buttons and links

Rounded Button Variations