Hyll

Item: Hyll
Rating: 7.8

Boutique country house hotel in the Cotswolds.

hyllhotel.com Save page

7.8/10MABTU rating

FAQ

DESKTOP · 1440 × 8,928/ ↗

MOBILE · 390

Section outline · Home

01heroFramed interior photo under centred wordmark header
02galleryScattered photo collage
03featurePhoto and serif paragraph with book button
04roomsRoom card carousel with serif overlays
05featureCopy and bar photo
06featurePhoto pair with copy
07featureLocal area photo and copy
08featureReading photo and copy
09newsletterSunset photo band with form
10footerBlack footer with giant serif wordmark

Rating · Home

Visual design8.2

UX & clarity7.6

Originality7.8

Craft & consistency7.8

Motion7.0

Performance & a11y8.0

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

Main colours

Light·cream background·mono

Typography

Oceanic Groteskheading · sans · self-hosted Oceanic Textbody · font · self-hosted

Stack & style

WordPress jQuery Gutenberg blocks Swiper

Minimal Editorial Luxury Photography-led Hamburger-only nav Hero video Parallax Pinned sections Sticky header

Also: Klaviyo, reCAPTCHA, Meta Pixel, Amazon CloudFront, Google Analytics, Google Tag Manager

Design DNA

Warm cream (#F7F1E8-ish) canvas, hamburger left, centred high-contrast serif wordmark, black 'Book now' button right. A single framed interior photo leads into a loose collage of small photos scattered at different sizes that sharpen on scroll. Sections alternate photo and short serif paragraphs where key phrases are set in bold uppercase sans, each with a black button and an underlined 'find out more'. A rooms carousel with serif overlay names, eat-and-drink and curated-stays blocks, a golden sunset newsletter band and a black footer with a giant cream 'HYLL' serif wordmark.

Worth borrowing

Scatter small photos at varied sizes across whitespace and let them sharpen as they enter view.
Set the key phrase of each serif paragraph in bold uppercase sans for scannable emphasis.
Close with the serif wordmark at full width in cream on black.