# Heckfield Place, Gallery

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

## Why it works

An orange background paired with Johnston type gives this estate a warm, established feel. A dense grid of varied imagery takes precedence over text, using the photography to communicate the atmosphere of the grounds and dining before the footer appears.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/heckfield-place/gallery#section-1) (y 0–184px of 10729) · image: https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/sections/0.webp · id sec_7d7dee2d0a16459784ab40b31b93e827
2. [Gallery: "Gallery"](https://designly.sh/s/heckfield-place/gallery#section-2) (y 232–10129px of 10729) · image: https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/sections/1.webp · id sec_207bb833666b418190e7db559e7258bd
3. [Footer: "Footer"](https://designly.sh/s/heckfield-place/gallery#section-3) (y 10129–10729px of 10729) · image: https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/sections/2.webp · id sec_e5c8d602b8574b05b10d38a484939e8f

## Design tokens

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

## Images

- Desktop (1440×10729): https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/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
- [Landing page](https://designly.sh/s/heckfield-place/rooms?format=md) — /rooms

## Related

- [Moke Valley Cabin, Gallery](https://designly.sh/s/moke-valley-cabin/gallery?format=md) — Hotels & stays · Gallery · Custom code · Queenstown, New Zealand · styles: photo-led, organic, editorial, warm · image: https://designly.sh/media/captures/cap_03868b959cc846f2abd1d1f69ee852e5/desktop.webp
- [Hotel Bella Grande, Gallery](https://designly.sh/s/hotel-bella-grande/en/gallery?format=md) — Hotels & stays · Gallery · Custom code · Copenhagen, Denmark · styles: editorial, photo-led, warm, serif · image: https://designly.sh/media/captures/cap_f37bfeacdcc8432abce005b4eda2b5dd/desktop.webp
- [Fogo Island Inn, Gallery](https://designly.sh/s/fogo-island-inn/our-inn/gallery?format=md) — Hotels & stays · Gallery · WordPress · Fogo Island, NL, Canada · styles: serif, photo-led, calm, editorial · image: https://designly.sh/media/captures/cap_48a7a5ced11448298f3419a280145a97/desktop.webp
- [Wythe Hotel, Blog](https://designly.sh/s/wythe-hotel/wythe-journal?format=md) — Hotels & stays · Blog · Custom code · Brooklyn, NY, USA · styles: editorial, warm, photo-led, serif · image: https://designly.sh/media/captures/cap_8f9159713c3f42f1a4849b777ae160ab/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.