clifford-james.co.uk

Brand guidelines · v0.1 · Sep 2026

clifford-james.co.uk brand

The identity system for clifford-james.co.uk — logo, colour, type and stationery, and how to use them together.

02

Colour

A deliberate palette: the primary carries the brand, the accent is for emphasis — use it sparingly.

PrimaryButtons, links and key moments#5C2749RGB 92, 39, 73
DeepHeaders and dark grounds#3E1A32RGB 62, 26, 50
AccentHighlights and emphasis#C98A6BRGB 201, 138, 107
InkBody text#2A1220RGB 42, 18, 32
GroundPage background#F7F2F0RGB 247, 242, 240
03

Typography

Three faces, each with one job. All are free to use from Google Fonts.

Aa

Display · Cormorant Garamond

Headlines and the wordmark

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Text · Jost

Body copy and interface

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Mono · IBM Plex Mono

Labels, data and code

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Type scale

H1 · 56pxMade to be worn, made to last.
H2 · 36pxMade to be worn, made to last.
H3 · 24pxMade to be worn, made to last.
Body · 17pxMade to be worn, made to last.
Caption · 13pxMade to be worn, made to last.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

clifford-james.co.uk
✓ Do — On light grounds, with clear space
clifford-james.co.uk
✓ Do — Reversed on the deep brand colour
clifford-james.co.uk
✗ Don't — Don't stretch or squash it
clifford-james.co.uk
✗ Don't — Don't recolour it
clifford-james.co.uk
✗ Don't — Don't place it on busy backgrounds
clifford-james.co.uk
✗ Don't — Don't add effects or outlines
05

Stationery

Business cards, letterhead and email signature.

c
clifford-james.co.uk
clifford-james.co.uk
Founding Team
hello@clifford-james.co.uk
www.clifford-james.co.uk
—
Founding Team
clifford-james.co.uk
hello@clifford-james.co.uk · www.clifford-james.co.uk
clifford-james.co.uk hello@clifford-james.co.uk
www.clifford-james.co.uk
clifford-james.co.uk
06

Social

Profile picture, cover image and the link preview that appears when the site is shared.

Link preview image for clifford-james.co.uk
07

Explorations

Alternative wordmark directions considered for clifford-james.co.uk. Each downloads as SVG.

clifford-james.co.uk
01 · Serif authority
clifford-james.co.uk
02 · Geometric sans
clifford-james.co.uk
03 · Monospace
clifford-james.co.uk
04 · Grotesk
clifford-james.co.uk
05 · High contrast
clifford-james.co.uk
06 · Condensed
clifford-james.co.uk
07 · Soft geometric
clifford-james.co.uk
08 · Rounded
clifford-james.co.uk
09 · Reverse