Halcyon Stay

Item: Halcyon Stay
Rating: 7.1

Framer template for boutique hotels and coastal retreats.

A Framer Marketplace template by SoloFoundry. Its words and photos are demo content.

Live preview Get this template Save page

7.1/10MABTU rating

Spa

DESKTOP · 1440 × 13,197/ ↗

MOBILE · 390

Section outline · Home

01heroH a l c y o n S t a y3,060
02features grid632
03features gridRooms & Suites1,364
04content197
05features gridThe Halcyon Experience2,700
06features gridEverything, considered.729
07features gridA single table, set by the sea.828
08testimonials624
09contentOn the edge of the Aegean.1,125
10features gridDispatches from the coast.433
11footerReserve your stay.1,505
12content900

Rating · Home

Visual design8.3

UX & clarity7.5

Originality8.0

Craft & consistency7.8

Motion7.5

Performance & a11y3.7

This page scores 7.5; the site score weights the home page double.

Main colours

Light·cream background·muted

Typography

Frauncesheading · serif · google General Sansbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Editorial Luxury Photography-led Booking widget Custom cursor Marquee Pinned sections Sticky header Testimonial slider

Design DNA

Template: sun-warmed stone and linen photography against cream #F2EDE4 and a deep Aegean teal #1C4A5A, with a high-contrast display serif set large and a small sans for captions. The hero cross-fades three scenes while the name stays pinned. The middle of the page is numbered chapters — 01 Dining, 02 The Baths, 03 The Coast — each an offset photo and a short paragraph, more travel magazine than hotel site. Rooms are a five-card grid with nightly rates, amenities are a six-icon grid, and a 'Stay · Halcyon ·' marquee divides the page.

Worth borrowing

Number the property's experiences as editorial chapters with offset images and one short paragraph each, instead of an amenities list.
Cross-fade three hero scenes behind a pinned wordmark so the first screen shows the room, the view and the table.
Close on a deep teal reservation band with a single Check availability button, then a full-width wordmark footer.