Style Guide

Heading Classes

heading-style-h1

Cabo Bali

heading-style-h2

Cabo Bali

heading-style-h3

Cabo Bali

heading-style-h4

Cabo Bali

heading-style-h5
Cabo Bali
heading-style-h6
Cabo Bali

Text Classes

text-style-large
text-style-medium
text-style-regular
text-style-small
text-style-tiny
text-style-subheading
text-style-link

Rich Text

text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Villa
Cabo Bali

Buttons

button
Button
button-small
Button
button-secondary
Button
button-secondary-small
Button
button-link
Button

Form Elements

field-label
form-input
form-text-area
form-select-input
form-checkbox
form-radio
button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

Black
Green
Light Green
White

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global
padding-section-medium
padding-section-large
padding-section-Xlarge
button-group
margin-bottom
margin-top