Skip to main content

Brand Guidelines

These guidelines ensure Kent Content Hub is represented consistently across all channels. Updated for v2 — a wider, more layered palette with new bronze and oxblood tones for editorial depth. If you’re a partner, supplier, or collaborator, please follow them when using our brand assets.

Logo

The Kent Content Hub logo should always appear in its original proportions. Do not stretch, rotate, recolour, or add effects to the logo. Maintain a clear space around the logo equal to at least half its height.

KCH logo on dark
KCH logo on light

Use the white logo on dark backgrounds and the dark logo on light backgrounds.

Colour System

The v2 palette expands from 5 working colours to five named scales — roughly 30 tokens in total. Discipline comes from strict usage rules per scale: gold for CTAs, oxblood for emphasis, bronze for editorial detailing, ink for surfaces, ivory for type. Never swap roles.

Ink — page surfaces

Cool blue-navy backbone. Used for backgrounds, cards, popovers, and dividers. Never use for body text on dark surfaces.

50
100
200
300
400
500
600
700
800
900
950
StopCanonical use
50Reverse-scheme light surfaces, logo lockups
700Surface-2 — default card background
800Surface-1 — page background (--background)
900Footer, vignette edges
950Near-black — shadow base, full-bleed transitions

Ivory — typography on dark

Warm paper-tones for text. The shift from cool-grey to warm-cream makes type feel printed rather than rendered.

50
100
200
300
400
StopCanonical use
50Display headings and hero text — art-paper feel
100Default body text (--foreground)
200Sub-copy and lead paragraphs
300Tertiary copy, captions
400Muted utility text (--muted-foreground)

Gold — CTAs and brand spine

The canonical CTA colour. The scale gives editorial layering — champagne for soft gradients, antique for tertiary detailing.

300
400
500
600
700
StopCanonical use
300Champagne — gradient highlights, soft text accents
400Hover state for primary buttons
500Canonical CTA gold (--accent) — all booking buttons
600Pressed state, gradient depth
700Antique gold — tertiary accents, framing details

Bronze — heritage detailing (new)

Warm counterpoint to gold. Bronze says “crafted, lived-in, heritage.” Use sparingly — bronze is the seasoning, not the meal.

400
500
600
700
StopCanonical use
400Iconography on dark surfaces
500Canonical bronze — premium dividers, key-line details
600Borders and badges
700Oxidised — accents on dark cards

Oxblood — emphasis only (replaces flat red)

British heritage red — Mulberry, Bentley, Penguin Classics. Reserved for emphasis states. Never use as a CTA fill colour.

500
600
700
StopCanonical use
500Canonical oxblood (--primary) — emphasis, error states
600Pressed state
700Deepest oxblood — ribbons, badges on light surfaces

Semantic Tokens

Components consume semantic tokens, never raw scale values. This keeps theming predictable and lets the palette evolve without touching component code.

TokenMaps to
--backgroundink-800 — page background
--foregroundivory-100 — default text (warmer than v1)
--cardink-700 — default card surface
--primaryoxblood-500 — emphasis only, not CTAs
--accentgold-500 — canonical CTA colour
--mutedink-700
--muted-foregroundivory-400
--borderink-600 — hairlines visible against card
--ringgold-500 — focus ring

Typography

We use two typefaces to create a clear hierarchy between editorial headings and readable body text.

Display

Cormorant Garamond

Used for headings, hero text, and editorial accents.

Body

Satoshi

Used for body copy, navigation, labels, and UI elements.

Weight scale

Cormorant Garamond

400The Signal Room
500The Signal Room
600The Signal Room
700The Signal Room

Satoshi

400The Anteroom
500The Anteroom
600The Anteroom
700The Anteroom

Fluid type scale

H1 — hero

Studio Space

H2 — section

Post-Production

H3 — sub-section

The Anteroom

Body

A purpose-built content production facility in the heart of Kent — dark, cinematic, and built for creators who take the work seriously.

Caption

All day rates include studio access, on-site support, and complimentary parking.

Elevation & Dividers

Three elevation tokens and three divider classes provide the full depth vocabulary. Use them in sequence — never combine or invent new shadow values inline.

Elevation

shadow-soft

Default card hover state. Subtle depth, no colour.

shadow-elevated

Modals and lifted hero panels. Heavier drop.

shadow-gold-glow

Premium CTA glow. Use sparingly — one element per section maximum.

Dividers

divider-hairline — structural (card grids, form fields)

divider-gold — premium section breaks

divider-bronze — heritage section accents (new)

Tone of Voice

Our voice is confident, warm, and purposeful. We speak with authority but never arrogance. We champion creators and lead with impact.

  • Confident — we know our craft and stand behind it
  • Warm — approachable, human, never corporate
  • Purposeful — every word earns its place
  • British English — always “colour”, never “color”

Usage Rules

A wider palette without rules is a worse palette. The following are non-negotiable — they protect the brand from visual noise and maintain the premium register.

Do
  • Gold is the CTA colour. All buttons that drive bookings use --accent (gold-500).
  • Oxblood is for emphasis only. Use it for “Sold out”, “Limited”, error states, ribbon-style badges.
  • Bronze is the seasoning. Use it for dividers, iconography on dark cards, key-line framing on heritage content.
  • Ivory beats white. All body text on dark surfaces uses the ivory scale, not pure white.
  • Layer surfaces, don’t tint them. Step up the surface scale when nesting cards — don’t add transparency.
  • Hairlines do real work. Use divider-bronze for editorial sections; divider-hairline for structural dividers.
Don’t
  • No bg-primary on CTAs. Primary is now oxblood — emphasis, not action.
  • No pure white text. Always ivory.
  • No raw red #E63946. It’s been re-pointed to oxblood; if you want the old red, you’ve got the wrong palette.
  • No mixing gold and oxblood at equal weight. Both are warm — pick a hero per section.
  • No new shadow values inline. Use the elevation tokens; extend the kit if you need something new.
  • No new colour values inline. Extend the kit — don’t sneak in hex.

Usage & Permissions

Kent Content Hub is a trading name of British Veteran Owned Ltd. Our brand assets may be used by partners and collaborators with prior approval. Do not modify, distort, or use our assets in a way that implies endorsement without written consent.

For brand asset requests or questions, please get in touch.