# The Quality Chop House, Menu

Restaurants · Menu · WordPress · London, UK
Live page: https://thequalitychophouse.com/menus
On Designly: https://designly.sh/s/the-quality-chop-house/menus · JSON: https://designly.sh/s/the-quality-chop-house/menus?format=json
Site: [The Quality Chop House](https://designly.sh/s/the-quality-chop-house?format=md) (https://thequalitychophouse.com)
Styles: editorial, type-led, warm, light

## Why it works

Off-white backgrounds and FooterHeading display type lend an editorial feel to the menu selection. Pill-shaped buttons in black provide a high-contrast way to toggle between 'A LA CARTE' and set menus, while a large, warm food photograph anchors the right side of the layout.

## Sections, top to bottom

1. [Hero: "Menus"](https://designly.sh/s/the-quality-chop-house/menus#section-1) (y 0–900px of 1368) · image: https://designly.sh/media/captures/cap_89da60e7aa97450281cb1019f7b94909/sections/0.webp · id sec_4aa2e976ea8740f0ba10b01583ec1902
2. [Footer: "Footer"](https://designly.sh/s/the-quality-chop-house/menus#section-2) (y 900–1368px of 1368) · image: https://designly.sh/media/captures/cap_89da60e7aa97450281cb1019f7b94909/sections/1.webp · id sec_efa43fb5153a444ab2fbb5568eafda59

## Design tokens

- Colours: #F3F1EE (background), #1D1D1D (surface), #374151 (muted), #000000 (surface-2)
- Fonts: FooterHeading (display), Body (body)
- Corner radius: 9999px
- Section padding: 64px
- Export: https://designly.sh/s/the-quality-chop-house/menus?format=tokens.css · https://designly.sh/s/the-quality-chop-house/menus?format=tokens.json · https://designly.sh/s/the-quality-chop-house/menus?format=tokens.tailwind.css

## Images

- Desktop (1440×1368): https://designly.sh/media/captures/cap_89da60e7aa97450281cb1019f7b94909/desktop.webp
- Mobile (390×2860): https://designly.sh/media/captures/cap_89da60e7aa97450281cb1019f7b94909/mobile.webp
- Captured: 2026-10-26

## Other Pages of The Quality Chop House

- [Home](https://designly.sh/s/the-quality-chop-house?format=md) — /
- [Booking](https://designly.sh/s/the-quality-chop-house/bookings?format=md) — /bookings
- [Contact](https://designly.sh/s/the-quality-chop-house/contact?format=md) — /contact
- [About](https://designly.sh/s/the-quality-chop-house/history?format=md) — /history

## Related

- [Sessions Arts Club, Menu](https://designly.sh/s/sessions-arts-club/Menu?format=md) — Restaurants · Menu · Custom code · London, UK · styles: editorial, serif, minimal, luxe · image: https://designly.sh/media/captures/cap_404f8e4b46374469971e5f8b0033cb02/desktop.webp
- [MÁLÀ PROJECT, Menu](https://designly.sh/s/mala-project/menu/dinner?format=md) — Restaurants · Menu · Custom code · New York, NY, USA · styles: bold, type-led, colourful, geometric · image: https://designly.sh/media/captures/cap_1b6173c27aaa4764b3c90b3fb7d2dd6b/desktop.webp
- [L'Enclume, Menu](https://designly.sh/s/l-enclume/sample-menu?format=md) — Restaurants · Menu · Custom code · Cartmel, Cumbria, UK · styles: editorial, type-led, organic, light · image: https://designly.sh/media/captures/cap_66361d41bc0045c18261f13d774567ae/desktop.webp
- [Kismet, Menu](https://designly.sh/s/kismet/menus?format=md) — Restaurants · Menu · Webflow · Los Angeles, CA, USA · styles: playful, colourful, type-led, geometric · image: https://designly.sh/media/captures/cap_68f974c04dc5406fbd80c09b3eb49873/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.