purplemangomedia.com

Brand guidelines · v0.1 · Sep 2026

purplemangomedia.com brand

The identity system for purplemangomedia.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#5B2A86RGB 91, 42, 134
DeepHeaders and dark grounds#3A1A57RGB 58, 26, 87
AccentHighlights and emphasis#FFB703RGB 255, 183, 3
InkBody text#1C1030RGB 28, 16, 48
GroundPage background#F5F1F8RGB 245, 241, 248
03

Typography

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

Aa

Display · Space Grotesk

Headlines and the wordmark

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Text · Inter

Body copy and interface

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Aa

Mono · IBM Plex Mono

Labels, data and code

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ₹&?

Type scale

H1 · 56pxPress play on something new.
H2 · 36pxPress play on something new.
H3 · 24pxPress play on something new.
Body · 17pxPress play on something new.
Caption · 13pxPress play on something new.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

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

Stationery

Business cards, letterhead and email signature.

p
purplemangomedia.com
purplemangomedia.com
Founding Team
hello@purplemangomedia.com
www.purplemangomedia.com
—
Founding Team
purplemangomedia.com
hello@purplemangomedia.com · www.purplemangomedia.com
purplemangomedia.com hello@purplemangomedia.com
www.purplemangomedia.com
purplemangomedia.com
06

Social

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

Link preview image for purplemangomedia.com
07

Explorations

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

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