# Heckfield Place, Landing page

Hotels & stays · Landing page · Custom code · Hook, Hampshire, UK
Live page: https://www.heckfieldplace.com/rooms
On Designly: https://designly.sh/s/heckfield-place/rooms · JSON: https://designly.sh/s/heckfield-place/rooms?format=json
Site: [Heckfield Place](https://designly.sh/s/heckfield-place?format=md) (https://www.heckfieldplace.com)
Styles: editorial, luxe, serif, airy, photo-led

## Why it works

Pale pink surfaces and grey type create a soft, editorial tone for this hotel. A large lifestyle photo sits alongside the headline, while room types are presented in a structured grid with 'DISCOVER MORE' links to move guests through the inventory.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/heckfield-place/rooms#section-1) (y 0–124px of 4639) · image: https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/sections/0.webp · id sec_d30c620923134f73a535b4bf88a37bf5
2. [Hero: "Our rooms"](https://designly.sh/s/heckfield-place/rooms#section-2) (y 124–764px of 4639) · image: https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/sections/1.webp · id sec_5c3fd0e46cd54844b725f2bbeafda9ba
3. [Content: "Friends room"](https://designly.sh/s/heckfield-place/rooms#section-3) (y 844–3270px of 4639) · image: https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/sections/2.webp · id sec_3bdf17615430499492f3ad6c4e12b5b2
4. [Content: "Experience Heckfield"](https://designly.sh/s/heckfield-place/rooms#section-4) (y 3350–3992px of 4639) · image: https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/sections/3.webp · id sec_af1e1a7557484df4ba86bdeea4d3efc9
5. [Footer: "Footer"](https://designly.sh/s/heckfield-place/rooms#section-5) (y 4039–4639px of 4639) · image: https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/sections/4.webp · id sec_06517d0947444a55bc569e7deed04ff2

## Design tokens

- Colours: #F8F8F8 (background), #614E5D (text), #CC2A22 (accent), #F0DCD7 (surface)
- Fonts: johnston-medium (display)
- Section padding: 40px
- Export: https://designly.sh/s/heckfield-place/rooms?format=tokens.css · https://designly.sh/s/heckfield-place/rooms?format=tokens.json · https://designly.sh/s/heckfield-place/rooms?format=tokens.tailwind.css

## Images

- Desktop (1440×4639): https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/desktop.webp
- Mobile (390×6945): https://designly.sh/media/captures/cap_1fea8bd3ea5a490589a8917b47cb2f2d/mobile.webp
- Captured: 2026-10-26

## Other Pages of Heckfield Place

- [Home](https://designly.sh/s/heckfield-place?format=md) — /
- [Contact](https://designly.sh/s/heckfield-place/contact?format=md) — /contact
- [Menu](https://designly.sh/s/heckfield-place/food-drink?format=md) — /food-drink
- [Gallery](https://designly.sh/s/heckfield-place/gallery?format=md) — /gallery

## Related

- [Wythe Hotel, Landing page](https://designly.sh/s/wythe-hotel/dining?format=md) — Hotels & stays · Landing page · Custom code · Brooklyn, NY, USA · styles: editorial, warm, serif, photo-led · image: https://designly.sh/media/captures/cap_7d77f8c64ca441fab0cec96efcef0903/desktop.webp
- [Thyme, Landing page](https://designly.sh/s/thyme/stay?format=md) — Hotels & stays · Landing page · Squarespace · Southrop, Gloucestershire, UK · styles: serif, airy, organic, editorial · image: https://designly.sh/media/captures/cap_4b3813fb59b1414284bb9786d57754c6/desktop.webp
- [Piaule Catskill, Landing page](https://designly.sh/s/piaule-catskill/cabins?format=md) — Hotels & stays · Landing page · Custom code · Catskill, NY, USA · styles: editorial, airy, serif, photo-led · image: https://designly.sh/media/captures/cap_4e82eb20ab6c4cdca2e3d555c27de12e/desktop.webp
- [Moke Valley Cabin, Landing page](https://designly.sh/s/moke-valley-cabin/cabin?format=md) — Hotels & stays · Landing page · Custom code · Queenstown, New Zealand · styles: organic, earthy, photo-led, serif · image: https://designly.sh/media/captures/cap_436f044f64124ecd961f4ad91518e5bc/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.