# Heckfield Place: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/heckfield-place · JSON: https://designly.sh/style-sheets/heckfield-place.json
Site: [Heckfield Place](https://designly.sh/s/heckfield-place?format=md) (https://www.heckfieldplace.com)

## Colour

- #F8F8F8: background · 5/5 Pages
- #614E5D: text · 5/5 Pages
- #CC2A22: accent · 5/5 Pages
- #E3DED7: surface · 1/5 Pages
- #D5DBD6: surface · 1/5 Pages
- #61767A: surface · 1/5 Pages
- #222649: surface · 1/5 Pages
- #A2ACBA: surface · 1/5 Pages
- #E7B55E: background · 1/5 Pages
- #F0DCD7: surface · 1/5 Pages
- Contrast, text on background: 7.1:1 (AAA)
- Contrast, text on surface: 5.6:1 (AA)
- Contrast, accent on background: 5:1 (AA)

## Type

- display: johnston-medium · 3/5 Pages
- display: johnston-light · 2/5 Pages
- body: johnston-medium · 2/5 Pages

## Spacing

- Base unit (inferred): 8px, 5 of 5 measured paddings on it
- Section padding: 40px · 3/5 Pages
- Section padding: 608px · 1/5 Pages
- Section padding: 96px · 1/5 Pages

## Radius

Not recorded yet.

## Pages

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

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