By invitation

Enter the door

A password is required to view this document.

Gwenda
Brand Guidelines
Version 1.0  ·  July 2026  ·  Confidential
Contents
Brand Guidelines
Foundations
Applications
01

Brand Overview

Gwenda is a canalside ristobar at Schwartz Wharf, Hackney Wick, London — opening Summer 2026. It is not a restaurant with a drinks list. Not a bar with a kitchen annex. An archive salon where food, drink, art, and sound converge.

Craft cocktails, Italian small plates, natural wines, and vinyl on the decks — refined for candlelight and elevated for the lounge. The brand is deliberately, intentionally mysterious. Who is Gwenda? is a question, not an answer.

ConceptLocationWebsiteInstagram
Archive salon Schwartz Wharf, Hackney Wick, London E9 5AA gwenda.co.uk @gwendahackney
Opening Summer 2026
Behind the Doors
Canalside in Hackney Wick. Craft cocktails, Italian small plates, art, and vinyl on the decks.
Schwartz Wharf  ·  Hackney Wick

Ship palette

Gwenda sits at Schwartz Wharf on the Hackney Wick canal — a converted wharf, not a themed restaurant. The palette evokes a ship's world: blacks, browns, and gold. Hull black and tar in shadow. Teak, aged timber, and warm iron in the mid-tones. Brass hardware and candlelight as accent — timber, iron, and lamplight in a hold or salon below deck.

Black
Hull & tar
Hull & tar — §03
Brown
Teak & timber
Teak & timber — §03
Gold
Brass & flame
Brass & flame — §03
Typography Serif type evokes engraved brass, ship's-log lettering, and editorial archives — measured capitals with wide tracking, like the hero location line.
Colour Near-black grounds everything. Warm browns carry the wood and iron — including brown-hue greens (#1e261c, #1a2218) in shadow. Gold appears only where light would catch — buttons, eyebrows, rule lines, the wordmark.
Lines Hairline dividers and flanking rules echo deck seams, ledger lines, and brass inlay — never heavy rules or bright strokes.

Ship palette hex values — §03 Colour. Theme keywords — §02 Theme. Applications — §07 Digital, §08 Print, §09 Photography.

02

Theme

Theme keywords

The shorthand for Gwenda everywhere — site, social, email, motion, photography, and copy. Split by what the eye reads and what the words imply. All touchpoints should match the ship palette (§03) and digital hero (§07) in look; the examples in §06 Voice in feel and tone.

Look

Palette, light, type, texture, composition — classical serif, not modern.

Teak & brass Grain & low light Ship's-log serif Deck · ledger · inlay Shadow & vignette
Feel & tone

Place, mood, culture, voice — lead with implication, not explanation.

Mystery Ship's salon Behind the doors Unhurried Vinyl & sound

Hairline rules read as deck seams and brass inlay — see §07 Dividers. Type specimens — §04 Typography.

03

Colour

The palette is warm-dark and intentionally restrained. Every colour has a specific role. Do not introduce new colours.

Colour scheme

Monochromatic

Gold · cream · charcoal

Black, brown, and gold from the ship palette — all hues cluster around ~43° on the wheel. Cream and charcoals share the same hue at different saturation and lightness; gold is the accent. The colours evoke hull shadow, aged timber, and brass in lamplight.

Primary palette

These are the five colours to reach for in all design work.

Background #0d0d0d
Page body, hero, footer, all digital dark fills
Cream #e8e4dc
Body copy, headings, primary text
Gold #c9a84c
Accent — buttons, links, eyebrows, dividers
Gold
Gold dark · #8b6914
Muted #8a8680
Secondary copy, nav links, captions
Warm Charcoal #23211b
Print, Canva, business cards, flat off-screen fills

Extended palette (digital)

Website and code values — rarely needed for off-site design work.

Elevated #141414
Base layer for story sections (before glow)
Card #1a1a1a
Email signup card
Warm light #161310
Hero gradient — timber highlight
Warm mid #0f0e0c
Hero gradient — mid shadow
Deep #0a0908
Hero gradient — hull black
Error #c97a7a
Form validation messages only

Brown-hue greens (material)

Extension of the brown lane — olive, moss, canal mud. Not UI accents. Tokens in web/src/config/colors.json.

Canal shadow #1a2218
bgCanalShadow — murky canal, moss in deep shadow
Damp timber #1e261c
bgDampTimber — wet deck wood; herb grade target in photos
Verdigris #2a3530
bgVerdigris — oxidized brass overlay on gold only

Do not use

✗ Do not use white (#ffffff) as a background at any scale.
✗ Do not use #1c1b18 — this was an explicitly rejected charcoal substitute.
✗ Do not introduce bright or saturated colours — the palette is intentionally restrained.
✗ Do not use cold greens (sage, emerald, mint) as accents — see §09 Photography.

04

Typography

Gwenda's identity is entirely serif. Do not use sans-serif typefaces in branded communications. Cormorant Garamond and Lora evoke ship's-log lettering and engraved brass — editorial, archival, unhurried. Wide letter-spacing on labels (hero location, eyebrows, navigation) mirrors nameplate capitals on a vessel.

RoleFamilyWeightsFallback
Display / Headings Cormorant Garamond 400 Regular · 500 Medium · 600 SemiBold · 400 Italic Georgia, serif
Body Lora 400 Regular · 400 Italic Georgia, serif

Type scale

All branded type appears on dark backgrounds — cream on hull black or warm charcoal. Specimens below mirror live site usage.

Display XL — Cormorant Garamond 500, letter-spacing 0.04em
Behind the Doors
Display LG — Cormorant Garamond 400, letter-spacing 0.04em
An archive salon
Eyebrow — Cormorant Garamond 600, uppercase, letter-spacing 0.32em
Opening Summer 2026
Body — Lora 400, line-height 1.75
Canalside in Hackney Wick. Craft cocktails, Italian small plates, art, and vinyl on the decks. Not a restaurant with a drinks list. Not a bar with a kitchen annex.
Body Italic — Lora 400 italic (gold accent context)
Who is Gwenda? We can't say. Come experience for yourself.
Navigation — Cormorant Garamond, uppercase, letter-spacing 0.14em
Story  ·  Menu  ·  Who we are  ·  Join the experience
Caption / Secondary — Lora 400, 0.8rem
The full list opens with the door. Until then, a glimpse.
In context — menu section
What we serve
Tabula
The full list opens with the door. Until then, a glimpse. Italian small plates, refined for candlelight.
06

Voice & Tone

Gwenda's voice is evocative, restrained, and slightly mysterious. It is not corporate. It is not hard-sell. It is the voice of somewhere that knows exactly what it is and invites you to discover it yourself. The feel & tone keywords in §02 Theme are the benchmark — the examples below show them in practice.

Approved copy — key statements

Concept statement
Not a restaurant with a drinks list. Not a bar with a kitchen annex. An archive salon where food, drink, art, and sound converge.
Closing line
Who is Gwenda? We can't say. Come experience for yourself.
Short description
A canalside ristobar in Hackney Wick. Craft cocktails, Italian small plates, art, and vinyl on the decks.

Do / Don't

Writing about the venue
An award-winning venue with great food and a fantastic atmosphere — something for everyone!
Not a restaurant with a drinks list. Not a bar with a kitchen annex. An archive salon where food, drink, art, and sound converge.
CTA — email sign-up
Sign up now to be the first to hear about our opening.
Join the experience — nights ahead, openings, gatherings, and the occasional whisper.
The brand mystery
Gwenda is named after the founder's grandmother, who inspired the concept...
Who is Gwenda? We can't say. Come experience for yourself.

Language guidelines

UseAvoid
RistobarRestaurant, bar, venue
Archive salonPop-up, concept space
Hackney Wick / the WickEast London (too broad)
Craft cocktails, hand-crafted in-houseDrinks menu
CanalsideWaterfront, riverside
Enter our worldSign up now, click here
Join the experienceSubscribe, register

British English

Always write in British English. Dates in DD Month YYYY format (4 July 2026). Currency as £. Organise, not organize. Colour, not color.

07

Digital

Website and UI — gwenda.co.uk. Foundations in §03§05; this section shows how they layer on screen.

Hero — colour in practice

The homepage hero at gwenda.co.uk shows how the swatches above layer on screen — hull black through timber brown to brass gold:

Gwenda
Hackney Wick
Enter our world
Base & gradient #0d0d0d fill with warm gradient #161310#0f0e0c#0a0908 (hull black through timber shadow)
Gold wash 5.5% #c9a84c from the top, like lamplight on brass above the deck
Photograph Interior image at brightness(0.55); dominant tones read warm brown (#301800#481800), mapping to #161310 and #23211b
UI accents Cream #e8e4dc type and logo; gold #c9a84c CTA and scroll chevron; hairline rules at 45% cream opacity flanking the location line

Divider, grain, and button specs below. Hero photograph: web/src/assets/images/hero/hero.png. Photo grade — §09 Photography.

Buttons

All buttons: uppercase, Cormorant Garamond 600, letter-spacing 0.08–0.1em, border-radius 2px. No pill shapes.

Enter our world Join the experience

Buttons always appear on dark backgrounds — primary (gold fill) and ghost (transparent with gold border).

Dividers

1px gradient lines using gold at low opacity. Used beneath section headings, between blocks, in menus, and flanking the hero location line. They read as deck seams, ledger rules, and brass inlay — structural, not decorative.

What we serve
The full list opens with the door. Until then, a glimpse.
Schwartz Wharf  ·  Hackney Wick

Film grain

A white noise texture at 3.5% opacity is applied site-wide. It adds tactility and an analogue feel — referencing print, archival materials, and late-night atmospheric spaces.

Behind the Doors
An archive salon

Canalside in Hackney Wick. The film grain overlay adds depth without distracting from the content — barely perceptible at 3.5% opacity, but unmistakably felt.

Spacing & layout

ElementValue
Max content widthmin(1100px, 100% − 48px)
Section padding6rem 0
Header height (desktop)72px
Header height (mobile)56px
Border radius2px — minimal, never pill-shaped

Photography treatments — §09 Photography.

08

Print & off-screen

Canva, business cards, menus, and any flat fill that is not a layered screen render. Use foundation swatches from §03 — especially warm charcoal #23211b.

Print vs screen — the story section

The story section on the website is not a flat fill — it layers a dark base, a 4% gold glow, and 3.5% film grain. For print and Canva, always use the warm charcoal flat equivalent:

Story section — as seen on screen
Print / Canva equivalent

Warm Charcoal #23211b — use this for all flat print and off-screen design work. Do not use #141414 or #151414 for print — they are too dark and too cold.

Film grain (off-screen)

Replicate the on-screen grain in Canva or print by overlaying a noise texture at 3.5% opacity on flat fills — especially warm charcoal #23211b. See §07 Digital for the live site implementation.

Logo on print

Gold wordmark on warm charcoal #23211b or hull black #0d0d0d; black-only variant on cream #e8e4dc for light paper. Full specs — §05 Logo.

09

Photography

Food, drink, canal, and interior imagery for the site, social, and print. Colour tokens for green grading — §03 Brown-hue greens.

Principles

Images should feel moody, warm, and slightly withdrawn — never bright, overexposed, or high-contrast. Green appears in photography only, graded toward brown-hue olive — not as a UI accent.

Imagery

ContextTreatment
Hero imagebrightness(0.55) with warm gradient and 5.5% gold wash overlay
Section backgroundsbrightness(0.45) saturate(0.85) with fade-to-background gradients
Gallery imagesbrightness(0.9), hover scale 1.06, 4px gap grid

Hero layer breakdown on site — §07 Digital.

Green & brown-hue materials

Green does not join gold as a fourth UI accent. The only green that fits the ship palette is brown-hue green — olive, moss, canal mud — so desaturated it reads as timber shadow before it reads as green. Bright cold greens stay in rejected territory.

Place

Canal water, wharf brick, moss on stone — photography only. Schwartz Wharf and the Wick bring natural green; hero treatment (brightness(0.55) + warm gradient) pulls it toward timber brown.

Plate

Herbs, olive oil, natural wine, seasonal produce — content and imagery. Italian small plates and canalside setting imply green without a swatch.

Patina

Oxidized brass and damp timber — shadow tones only. Dark olives and verdigris that read as near-black brown, never brighter than warm charcoal.

On the site — Menu tease

The What we serve section on gwenda.co.uk is where green shows up in practice. The section chrome is ship palette; green lives inside the gallery photographs only.

Live component · .menu-tease · #menu
The Menu

What we serve

The full list opens with the door. Until then, a glimpse.

Brown-hue olive — inside photos (herbs, garnish, canal) Cream — eyebrows, headings, captions Gold — buttons, rules, hover borders
How it works: Section background #141414 + 4% gold glow. Food photography should grade herbs and garnish toward brown-hue olive (~70–95°, low saturation) — not cold sage. Canal tile uses hero grade brightness(0.55). Gold stays the only UI accent.

Brown-hue greens — timber's shadow

The viable greens are not “green” on the wheel — they sit beside warm brown and charcoal, same family as teak and damp deck. Think moss on timber, mud at the canal edge, olive oil in shadow. Hue roughly 70–95° at very low saturation; lightness never above warm charcoal #23211b.

Brown-hue greens are a continuation of the brown lane — not a separate accent. If you squint, canal shadow should be hard to tell from warm charcoal.

In menu and social photography, grade greens toward olive-brown, not emerald:

✗ Cold green — sage/emerald in the plate. Reads healthy and bright; pulls away from candlelight.
✓ Brown-hue green — same dish, graded toward #3a3828 / #1e261c. Herb reads as food in shadow, not brand colour.

Shadow greens vs warm charcoal

Proposed material tones — adjacent to the brown family, not a new accent lane. Compare to approved warm charcoal #23211b:

Warm charcoal
#23211b · approved
Canal shadow
#1a2218
Damp timber
#1e261c
Verdigris
#2a3530

Left to right: approved print fill → brown-hue material tokens. On screen they should read as hull shadow or damp timber.

Brass with patina

Gold stays the accent. Verdigris appears only as a low-opacity wash over brass — aged hardware, not a second accent colour:

Polished brass
Gold #c9a84c — buttons, CTA, eyebrows (current)
Aged brass
Gold + 6–12% verdigris #2a3530 — texture overlay only, not a replacement swatch
On the wheel

Brown-hue greens hug the timber cluster

Gold and charcoals sit around ~43° (warm). Viable greens are olive-browns at ~70–95° with very low saturation — close enough to read as damp timber, not a second accent. Cold greens at ~120°+ stay off-palette. Verdigris #2a3530 is the cool limit; prefer canal shadow and damp timber for anything in the brown family.

Do not use as accents

Bright greens break the candlelight logic and compete with gold:

✗ Sage · too hospitality
✗ Emerald · too saturated
✗ Mint · too bright

Brown-hue greens extend the brown material lane only. Gold stays the sole UI accent. See also docs/colors.md.

10

Key Copy & CTAs

Approved calls-to-action

CTAContext
Enter our worldPrimary hero CTA
Join the experienceSecondary / email sign-up · navigation to sign-up section
Let me knowEmail form submit button

Section headings & copy

ElementApproved copy
Story headingBehind the Doors
Menu section headingWhat we serve
Menu tease leadThe full list opens with the door. Until then, a glimpse.
Team headingWho we are
Sign-up headingStay close
Sign-up subheadingNights ahead. Openings, gatherings, and the occasional whisper.
Closing story lineWho is Gwenda? We can't say. Come experience for yourself.

Establishment year

Gwenda was established in 2026 — displayed as MMXXVI in Roman numerals on brand materials.

Est. 2026
MMXXVI