Components

Typography

Headings [HEADING_1, HEADING_2, HEADING_3, HEADING_4_BOLD, HEADING_4_REGULAR, HEADING_5_BOLD, HEADING_5_REGULAR, BODY_BOLD, BODY_MEDIUM, BODY_REGULAR]

Heading 1

700 - 64px / 32px / 32px

Heading 2

700 - 50px / 24px / 24px

Heading 3

700 - 36px / 20px / 18px

Heading 4 - Bold

700 - 24px / 16px / 16px

Heading 4 - Regular

400 - 24px / 16px / 16px

Heading 5 - Bold

600 - 18px / 16px / 16px

Heading 5 - Regular

400 - 18px / 16px / 16px

Body - Bold

600 - 16px / 16px / 16px

Body - Medium

500 - 16px / 16px / 16px

Body - Regular

400 - 16px / 16px / 16px

Loading

Buttons

Primary [BTN, BTN_PRIMARY]

White [BTN, BTN_WHITE]

Light [BTN, BTN_LIGHT]

MICROSITE [BTN, BTN_LIGHT, BTN_MICROSITE]

BOOKING [BTN, BTN_LIGHT, BTN_BOOKING]

Arrows [BTN_CIRCLE]

Forms

Text box[CONTROL_WRAP], [INPUT_WRAP, INPUT_ERROR], [INPUT_CONTROL, INPUT_TEXT], [INPUT_FEEDBACK]

Name*

Name*

Please enter your name.

Name*

Please enter your name.

Message*

Select[CONTROL_WRAP], [INPUT_LABEL], Component SelectorComponent

Store

Checkbox[CONTROL_WRAP], [INPUT_CHECKBOX], [LABEL_CHECKBOX], [CHECKRADIO_WRAP]

I accept the Terms and Conditions.*

You must accept the terms and conditions to proceed.

I accept the Terms and Conditions.*

I accept the Terms and Conditions.*

You must accept the terms and conditions to proceed.

Radio[CONTROL_WRAP, CONTROL_INLINE], [INPUT_RADIO], [LABEL_CHECKBOX], [CHECKRADIO_WRAP]

I accept the Terms and Conditions.*

I accept the Terms and Conditions.*

I accept the Terms and Conditions.*