varleymedia.com

Brand guidelines · v0.1 · Sep 2026

varleymedia.com brand

The identity system for varleymedia.com — 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#1A1A1ARGB 26, 26, 26
DeepHeaders and dark grounds#000000RGB 0, 0, 0
AccentHighlights and emphasis#C8102ERGB 200, 16, 46
InkBody text#141414RGB 20, 20, 20
GroundPage background#F5F2ECRGB 245, 242, 236
03

Typography

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

Aa

Display · Playfair Display

Headlines and the wordmark

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Text · Source Serif 4

Body copy and interface

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Mono · IBM Plex Mono

Labels, data and code

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Type scale

H1 · 56pxThe story, well told.
H2 · 36pxThe story, well told.
H3 · 24pxThe story, well told.
Body · 17pxThe story, well told.
Caption · 13pxThe story, well told.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

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

Stationery

Business cards, letterhead and email signature.

v
varleymedia.com
varleymedia.com
Founding Team
hello@varleymedia.com
www.varleymedia.com
—
Founding Team
varleymedia.com
hello@varleymedia.com · www.varleymedia.com
varleymedia.com hello@varleymedia.com
www.varleymedia.com
varleymedia.com
06

Social

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

Link preview image for varleymedia.com
07

Explorations

Alternative wordmark directions considered for varleymedia.com. Each downloads as SVG.

varleymedia.com
01 · Serif authority
varleymedia.com
02 · Geometric sans
varleymedia.com
03 · Monospace
varleymedia.com
04 · Grotesk
varleymedia.com
05 · High contrast
varleymedia.com
06 · Condensed
varleymedia.com
07 · Soft geometric
varleymedia.com
08 · Rounded
varleymedia.com
09 · Reverse