randalpham.info

Brand guidelines · v0.1 · Sep 2026

randalpham.info brand

The identity system for randalpham.info — 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.

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

Stationery

Business cards, letterhead and email signature.

r
randalpham.info
randalpham.info
Founding Team
hello@randalpham.info
www.randalpham.info
—
Founding Team
randalpham.info
hello@randalpham.info · www.randalpham.info
randalpham.info hello@randalpham.info
www.randalpham.info
randalpham.info
06

Social

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

Link preview image for randalpham.info
07

Explorations

Alternative wordmark directions considered for randalpham.info. Each downloads as SVG.

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