The Kettle Black pot icon
The Kettle Black
Brand & Website Guidelines
Scroll
The Essence

A quiet kind of confidence. Monochrome, editorial, and unhurried — a serif wordmark, an old earthen pot, and a single plum dot that says the rest.

02

Colour

A monochrome foundation with a single plum accent. Restraint is the brand.
Ink Black
Ink Black
#000000
Primary surface, the mark, dark sections, type on light.
Cream
Cream
#F6F7F2
Primary light background. Warm, paper-like, calm.
Stone Grey
Stone Grey
#808080
Captions, hairlines, secondary detail. Never for the dot.
Plum
Plum · accent
#6B2D5C
The dot, links, buttons, focus. The single spark — used sparingly.
Plum #6B2D5C  deepens to #4A1E40 for hovers & pressed states.
Plum on Cream & White passes AA for large & body text. White on Plum passes AA.
Accent target: ≤ 10% of any screen. The eye should find one plum moment, not many.
03

Typography

A high-contrast serif for voice; a clean humanist sans for clarity.
Display · Cormorant Garamond
Aa Bb Gg
Cormorant Garamond — 400 / 500 / 600
Headlines, the wordmark voice, pull quotes, large numerals. Set in title case or uppercase with generous letter-spacing. Pairs to the logo's refined serif.
H1 · 64The kettle, on the fire.
H2 · 40An honest pot of black.
H3 · 26Steeped slowly, served warm.
Body · Open Sans
Aa Bb Gg
Open Sans — 300 / 400 / 600

Open Sans carries every word of running text, navigation, captions and buttons. It is quiet on purpose — clean, neutral and highly legible — so the serif and the single plum dot do the talking. Use 400 for body, 600 for labels and buttons, 300 for large intros. Letter-spacing stays near-zero in paragraphs and opens up only for uppercase labels.

04

Web Components

Squared edges, hairline borders, plum reserved for action.

Buttons & states

Reserve a tablePrimary → hover deepens to #4A1E40
View the menuGhost → fills ink on hover
Read our storyText → plum underline draws in

Form field

Focus state borders in plum. Inputs sit on cream within white cards.

Navigation

Pot + wordmark + plum dot, left. Uppercase Open Sans links, right. Active link in plum.

Editorial card
The slow cup

Serif heading with the plum-dot full stop, a short Open Sans paragraph, and a quiet hairline frame.

05

Voice & Imagery

Dry wit, warm welcome, nothing overdone.
Knowing

The name winks at "the pot calling the kettle black." We're in on the joke — confident, a little dry, never trying too hard.

Warm

Underneath the wit is genuine hospitality. Short, human sentences. We invite; we don't announce.

Spare

Say less. White space, few words, one accent. Elegance is what we leave out.

Imagery direction

Monochrome and moody, warmed by cream. Think matte ceramic, curls of steam, dark stoneware on linen, hands at work, low contrast and natural light. Photography stays black-and-white or deeply desaturated so the world matches the mark — and the only colour that ever appears is a single plum note, used like punctuation.

Black & whiteWarm cream paperMatte ceramicSteam & textureNegative spaceOne plum accent