Brand Guide
v2.0 / 2026-08-14
Oh Lord
Download brand package

The identity system for Oh Lord, a branding studio that builds brands which refuse to blend in.

Bone paper and black do the work; the pink is the signature. It is used at small scale and with intent, on calls to action and the one thing on screen that matters most. Spread it everywhere and it stops meaning anything.

Bone PaperHex#f8f7f3RGB248, 247, 243CMYK0 / 0 / 2 / 3
Pure WhiteHex#ffffffRGB255, 255, 255CMYK0 / 0 / 0 / 0
Absolute BlackHex#000000RGB0, 0, 0CMYK0 / 0 / 0 / 100
Signal PinkHex#d8296eRGB216, 41, 110CMYK0 / 81 / 49 / 15
GraphiteHex#4d4d4dRGB77, 77, 77CMYK0 / 0 / 0 / 70
Visual balance

Each part of the circle represents how much of this colour should roughly be used in the system. Creativity is encouraged for special use-cases (promo, posters, etc.) but clean branded work should respect it.

  • Bone Paper33%
  • Pure White26%
  • Absolute Black22%
  • Signal Pink14%
  • Graphite5%
Ink Fade gradientlinear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%)
Pink Sweep gradientlinear-gradient(90deg, #d8296e 0%, #e85a93 100%)
Paper Rise gradientlinear-gradient(180deg, #f8f7f3 0%, #ffffff 100%)
Gradient intent

Used as a central fade at any size, to fill dark voids creatively without occupying a true page element.

One typeface carries the whole system: Inter Tight, from the 220px headline down to the 14px label. The hierarchy is built from size, weight and tracking, not from a second family.

Hero / Display
Inter Tight
Light300
Regular400
Medium500
SemiBold600
Bold700
ExtraBold800
Body
Inter Tight
Light300
Regular400
Medium500
SemiBold600
Bold700
ExtraBold800
Scale

Every step in the system.

H1
220/220 · 600 · Normal case
hero · tracking -2.9%
Display heading set in the hero face.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H2
40/50 · 600 · Normal case
hero · tracking -3.0%
Section title built from the same hierarchy.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H3
30/40 · 600 · Normal case
hero · tracking -3.0%
Body face at the largest editorial step. Use it for opening passages and emphatic statements.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H4
24/34 · 600 · Normal case
hero · tracking -3.0%
Body face at the mid-editorial step. Used for sub-headings and lede paragraphs.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H5
20/30 · 600 · Normal case
hero · tracking -3.0%
Caption-style heading
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H6
18/26 · 600 · Normal case
hero · tracking -2.9%
Smallest heading
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Body Base
16/26 · 400 · Normal case
body · tracking 0.0%
Body face at the running text scale. Comfortable for paragraphs of up to 70 characters per line.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Body Small
14/24 · 400 · Normal case
body · tracking 0.0%
Body face at the small annotation scale. Captions, footnotes, table cells.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Caption
14/24 · 600 · Normal case
body · tracking 7.7%
Brand guide / Version 1.0
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Button
16/19 · 600 · Normal case
hero · tracking 0.0%
Take action
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Label
14/24 · 600 · Normal case
hero · tracking 7.7%
Section label
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&

Need help implementing this brand?

Oh Lord

We create almighty brands.