This page tests the new navigation and footer design system — scroll down to see all elements.
This section shows the basic typography stack: Cormorant Garamond for headings, Outfit for body text. The gold eyebrow label above follows the same pattern used across all landing pages. Scroll to see the navigation transition from transparent to frosted glass.
The navigation sits fixed at the top — transparent over dark backgrounds, frosted white with subtle shadow once you scroll past the hero. Links are Outfit 11px uppercase with letter-spacing, and the CTA button has a bordered style that inverts on hover.
Sections alternate between white and ivory to create visual rhythm and separate content blocks without heavy borders or dividers.
On screens under 768px, the navigation links collapse into a hamburger menu. Tapping it opens a slide-out drawer from the right with full-height serif links — consistent with the luxury editorial feel. Test it by resizing your browser or viewing on mobile.
Curated villas, personal concierge, seamless from first enquiry to last sunset.
Start Your Search