Internal Reference
Brand Assets
Right-click and “Save image as” or screenshot each asset at the size you need. Do not alter colours, proportions, or typefaces without design approval.
Favicon — 512 × 512
Monogram
Save as favicon.ico (32×32 or 48×48) and apple-touch-icon.png (180×180). Scale down from the 512 px master.
Dark (primary)
Light variant
Muted variant
Full Logo
Logo Lockup
Wordmark set in Cormorant SC at weight 400 (or 500 for larger lockups). Never stretch, recolour, or substitute the typeface.
Dark on light
Light on dark
On parchment
Open Graph Image — 1200 × 630
Social Share Card
Used when the site is shared on Facebook, LinkedIn, WhatsApp, Twitter/X, iMessage, etc. Save as og-image.png and place in public/images/.
Saved at 1200 × 630 px PNG — place in public/images/og-image.png
Design Tokens
Colour Palette
The palette is deliberately monochromatic. No accent colours — ever. All warmth comes from photography and the parchment/stone surfaces.
Black
Logo · headings · primary CTA · nav text
White
Page background · overlay buttons · nav bar
Parchment
Section alternates · offer cards · journal bg
Stone
Subtle dividers · image placeholders · tags
Grey — Body
Body copy · excerpts · descriptions
Grey — Mid
Eyebrow labels · captions · meta text
Grey — Light
Disabled states · placeholders · rules
Border
Input borders · dividers · card outlines
Typefaces
Typography
Logo / Wordmark
Lingwood Hall
Cormorant SC — Weight 300 · 400 · 500
Used exclusively for the wordmark. Never set body copy in this face.
UI / Body Copy
AaBbCcDd
Inter — Weight 300 · 400 · 500 · 600 · 700
All headings, body text, navigation, labels, and UI elements.
Type Scale
H1 — Page hero
clamp(40px, 6vw, 64px) / 700
H2 — Section
clamp(28px, 3.5vw, 42px) / 700
H3 — Card title
clamp(20px, 2.2vw, 26px) / 700
Body — Regular
16px / 400
Body — Small
14px / 400
Eyebrow
12px / 400
UI Components
Buttons
Always pill-shaped. Never square corners, never drop-shadows. Use Primary on light surfaces, Ghost as secondary action, White only on dark backgrounds.
On light surface
On dark surface
Guidelines
Do & Don't
✓ Do
✗ Don't