This is an eyebrow label

Small uppercase label above heroes and section intros.

This is H1 (homepage hero)

Largest heading on the marketing hero, over a photo with a white readability overlay.

This is H1 (homepage hero — text only preview)

Fallback typography sample without the photo layer.

This is H1 (inner page)

Page title on destination, collection, and hotel pages.

This is H2 (section title)

Section headings across listing and landing pages.

This is H3 (card title)

Titles on collection cards and compact content blocks.

This is a paragraph (hero lead)

Introductory body copy under heroes.

This is a paragraph (section lead)

Supporting copy under section titles.

This is body text

Default paragraph styling on white cards and content areas.

This is small / caption text

Disclosures, metadata, and helper copy.

This is a primary button

Main call to action — Find hotels, Check availability.

This is a secondary button

Secondary actions on heroes and empty states.

This is a ghost button

Low-emphasis actions such as “Compare more hotels”.

This is a brand button

Alternate filled style using brand blue.

This is a positive badge

Family-friendly feature tags.

This is a highlight badge

Collection counts and emphasis labels.

This is a neutral badge

Low-emphasis metadata.

This is a Family Fit Score badge

Tier colours: high (teal), medium (sun), low (neutral).

This is a card

Default white surface with border and soft shadow.

This is a hero gradient card

Homepage and destination hero background.

This is a feature card

Collection cards and warm-tinted tiles.

This is a trust strip

Credibility bullets under the homepage hero.

This is a text link

Header nav and inline content links.

This is a breadcrumb

Wayfinding on inner pages.

This is an alert banner

Session flash errors (e.g. missing booking link).