natalialivingston.com

Brand guidelines · v0.1 · Sep 2026

natalialivingston.com brand

The identity system for natalialivingston.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#24507ARGB 36, 80, 122
DeepHeaders and dark grounds#163553RGB 22, 53, 83
AccentHighlights and emphasis#E2A534RGB 226, 165, 52
InkBody text#16202BRGB 22, 32, 43
GroundPage background#EEF1F4RGB 238, 241, 244
03

Typography

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

Aa

Display · Fraunces

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 · 56pxTrusted help at home.
H2 · 36pxTrusted help at home.
H3 · 24pxTrusted help at home.
Body · 17pxTrusted help at home.
Caption · 13pxTrusted help at home.
04

Logo usage

A few rules keep the brand recognisable everywhere it appears.

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

Stationery

Business cards, letterhead and email signature.

n
natalialivingston.com
natalialivingston.com
Founding Team
hello@natalialivingston.com
www.natalialivingston.com
—
Founding Team
natalialivingston.com
hello@natalialivingston.com · www.natalialivingston.com
natalialivingston.com hello@natalialivingston.com
www.natalialivingston.com
natalialivingston.com
06

Social

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

Link preview image for natalialivingston.com
07

Explorations

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

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