# Heckfield Place, Home

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

## Why it works

A large, soft-focus hero image sets a quiet tone, while Johnston type in grey against an off-white background keeps the focus on the estate's character. The red accent is used sparingly for the "BOOK YOUR STAY" button, ensuring the primary action stands out without breaking the calm rhythm.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/heckfield-place#section-1) (y 0–124px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/0.webp · id sec_ffe2f04e22c54044a79df5a204cb8c80
2. [Hero: "Hero"](https://designly.sh/s/heckfield-place#section-2) (y 124–732px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/1.webp · id sec_9cc6bbf3d16d401ab8ef27f4d6bc5a32
3. [Content: "Resolutely Natural, Elegantly Evolving"](https://designly.sh/s/heckfield-place#section-3) (y 732–1629px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/2.webp · id sec_0217c48530c5410894375d466f415433
4. [Content: "House and Grounds"](https://designly.sh/s/heckfield-place#section-4) (y 1629–2089px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/3.webp · id sec_a1a219b7f7474485bf9c46975c37e249
5. [Content: "Rooms"](https://designly.sh/s/heckfield-place#section-5) (y 2171–2933px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/4.webp · id sec_6885313a6fee4e7b95c2078daeee2125
6. [Testimonials: "“Here it begins with the soil”"](https://designly.sh/s/heckfield-place#section-6) (y 3013–3373px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/5.webp · id sec_dce7f5f5761d4abe99c92b2bf8b68661
7. [Menu: "Food & Drink"](https://designly.sh/s/heckfield-place#section-7) (y 3437–3993px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/6.webp · id sec_6acf2310900e467f82637f941071aef2
8. [Content: "Content"](https://designly.sh/s/heckfield-place#section-8) (y 3993–4154px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/7.webp · id sec_1fab79bb8f3a4c78b6f1da962fc8c8a4
9. [Content: "The Bothy by Wildsmith"](https://designly.sh/s/heckfield-place#section-9) (y 4235–4595px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/8.webp · id sec_686eecdaba7147a588368334f90a1fc4
10. [Content: "Content"](https://designly.sh/s/heckfield-place#section-10) (y 4870–5358px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/9.webp · id sec_77566925736f4650979bea0053c099c4
11. [Footer: "Footer"](https://designly.sh/s/heckfield-place#section-11) (y 5455–6055px of 6055) · image: https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/sections/10.webp · id sec_af15fa433c884731b5d1526bdbb0b80b

## Design tokens

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

## Images

- Desktop (1440×6055): https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/desktop.webp
- Mobile (390×5323): https://designly.sh/media/captures/cap_2d41c818e26349328b88ebe6a8de681d/mobile.webp
- Captured: 2026-10-26

## Other Pages of Heckfield Place

- [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
- [Landing page](https://designly.sh/s/heckfield-place/rooms?format=md) — /rooms

## Related

- [Wythe Hotel, Home](https://designly.sh/s/wythe-hotel?format=md) — Hotels & stays · Home · Custom code · Brooklyn, NY, USA · styles: editorial, warm, serif, photo-led · image: https://designly.sh/media/captures/cap_f62cd16740a74d279a6889333286b874/desktop.webp
- [Thyme, Home](https://designly.sh/s/thyme?format=md) — Hotels & stays · Home · Squarespace · Southrop, Gloucestershire, UK · styles: editorial, organic, serif, photo-led, airy · image: https://designly.sh/media/captures/cap_1f3e12eceac2470dbc3bb89170e7db74/desktop.webp
- [Piaule Catskill, Home](https://designly.sh/s/piaule-catskill?format=md) — Hotels & stays · Home · Custom code · Catskill, NY, USA · styles: photo-led, editorial, minimal, airy · image: https://designly.sh/media/captures/cap_65ab412d686a475d8a99c35d67d7a7b4/desktop.webp
- [Moke Valley Cabin, Home](https://designly.sh/s/moke-valley-cabin?format=md) — Hotels & stays · Home · Custom code · Queenstown, New Zealand · styles: organic, earthy, photo-led, editorial · image: https://designly.sh/media/captures/cap_403901aa60404d719a13795f1dd871e9/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.