← harrisonwills.com

Style guide · v0.1 · Sept 2026

Harrison Wills — brand foundations

Style
Guide

Matte colour, heavy type, film grain on everything. The palette, fonts and texture used across harrisonwills.com.

01

Colour

Bone tints on Ink

Headline text

Bone 100%
#d8cdbc · headings

Supporting text

Bone 62% → #8d867b
--on-dark-soft · body, links, labels · 5.2 : 1

Bone 40% → #615c55
--on-dark-faint · hover borders only, never text

Bone 14% → #2e2b28
--edge-dark · lines, borders

Pairings & contrast

Bone on Ink12.0 : 1 · AAA
Ink on Red4.7 : 1 · AA · buttons
Ink on Bone12.0 : 1 · AAA
02

Typography

Archivo

Display & text · Variable

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? @ — “ ”

Harrison

Regular 400

Harrison

Medium 500

Harrison

Bold 700

Harrison

ExtraBold 800 · 85% width

Harrison

Black 900

Weights 400–900Width 62–125%Headlines: 800 · 85% · uppercaseSelf-hosted woff2

JetBrains Mono

Labels, buttons, footer · Uppercase

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ↗ → © —

Wills

Regular 400

Wills

Medium 500

Weights 400–500Tracking +0.10–0.13emAlways uppercaseSelf-hosted woff2

Type scale — as used on the landing page

DisplayArchivo 800 · 85% width
clamp(3.2rem, 13vw, 11rem)
line-height 0.9 · −0.035em
Harrison Wills
SubtitleArchivo 400
clamp(1.05rem, 2vw, 1.35rem)
Bone 62%
Photo & video for brands.
LabelJetBrains Mono 400
0.7rem · +0.13em · uppercase
Bone 62%

New website coming soon

LinkJetBrains Mono 400
0.72rem · +0.10em · uppercase
Bone 62% → Red on hover
Instagram  ·  Designed & built by Manuel Docampo
03

Texture & elements

Follow on Instagram

Button · Mono 500 · 0.78rem · pill · Ink on Red

Follow on Instagram

Button hover · Ink on Bone

Film grain · animated noise over everything · overlay blend