# Heckfield Place, Menu

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

## Why it works

Small Johnston type on a light grey field gives the dining section an editorial tone. A large, macro photo of a lemon against marble provides a tactile focus, while the secondary navigation links allow for quick jumping between specific venues like Marle or Hearth.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/heckfield-place/food-drink#section-1) (y 0–124px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/0.webp · id sec_17f17d33b5cf44818c0380ef1176ade1
2. [Hero: "Food & Drink"](https://designly.sh/s/heckfield-place/food-drink#section-2) (y 124–789px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/1.webp · id sec_8a835dcd85da44e9b1af7d378b0f4bdf
3. [Content: "Marle"](https://designly.sh/s/heckfield-place/food-drink#section-3) (y 789–1970px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/2.webp · id sec_f3d26dd2a2cd4d82bf565d52a57bc392
4. [Content: "Hearth"](https://designly.sh/s/heckfield-place/food-drink#section-4) (y 1969–3128px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/3.webp · id sec_30195bb591f14c9a8747008f1deec1ae
5. [Content: "Moon bar"](https://designly.sh/s/heckfield-place/food-drink#section-5) (y 3128–4287px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/4.webp · id sec_582bd8f4f2cf4dc59f0ab6614a5eb507
6. [Content: "Dining Room"](https://designly.sh/s/heckfield-place/food-drink#section-6) (y 4287–5415px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/5.webp · id sec_104ff2b2e900488394da61fab269c68b
7. [Content: "Workman's bar"](https://designly.sh/s/heckfield-place/food-drink#section-7) (y 5415–6729px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/6.webp · id sec_f64dcd113330437d98924912707112ba
8. [Content: "The Shared Table"](https://designly.sh/s/heckfield-place/food-drink#section-8) (y 6728–7970px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/7.webp · id sec_57a95876d54a4736b80424f1d39ad47e
9. [Content: "Sunday Supper Table"](https://designly.sh/s/heckfield-place/food-drink#section-9) (y 7970–9379px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/8.webp · id sec_757ac0a51a7643c0b5632af8780c12ea
10. [Content: "The Cellar"](https://designly.sh/s/heckfield-place/food-drink#section-10) (y 9379–10485px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/9.webp · id sec_fd8062ba572244fbb0f2334923ce6e22
11. [Content: "Thanksgiving Dinner"](https://designly.sh/s/heckfield-place/food-drink#section-11) (y 10484–11849px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/10.webp · id sec_5a0b307613ab420f957812af0a7f3132
12. [Footer: "Footer"](https://designly.sh/s/heckfield-place/food-drink#section-12) (y 11849–12283px of 12283) · image: https://designly.sh/media/captures/cap_1fb6fa277a3049128c5aaaf3977318d1/sections/11.webp · id sec_d1bc623155a44de78cfbe31418ae84d9

## Design tokens

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

## Images

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

## Related

- [Thyme, Menu](https://designly.sh/s/thyme/eat?format=md) — Hotels & stays · Menu · Squarespace · Southrop, Gloucestershire, UK · styles: editorial, serif, organic, light · image: https://designly.sh/media/captures/cap_a64a90541a83467d9a290683f003ade2/desktop.webp
- [Piaule Catskill, Menu](https://designly.sh/s/piaule-catskill/restaurant?format=md) — Hotels & stays · Menu · Custom code · Catskill, NY, USA · styles: editorial, light, serif, photo-led · image: https://designly.sh/media/captures/cap_aa2f24b1416a4903b0f8db9b6810ec8a/desktop.webp
- [Hotel Bella Grande, Menu](https://designly.sh/s/hotel-bella-grande/en/food-and-drinks?format=md) — Hotels & stays · Menu · Custom code · Copenhagen, Denmark · styles: editorial, type-led, photo-led, warm · image: https://designly.sh/media/captures/cap_966e2b4b5a2443708ba09173bd233e10/desktop.webp
- [Fogo Island Inn, Menu](https://designly.sh/s/fogo-island-inn/food-drink?format=md) — Hotels & stays · Menu · WordPress · Fogo Island, NL, Canada · styles: serif, editorial, warm, photo-led · image: https://designly.sh/media/captures/cap_c0020b9d372741e79a0124f23096ab72/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.