Brand Guide
v1.9 / 2026-08-17
Oh Lord
Download brand package

Guidelines on how to implement the BEGEA visual brand system for cross media applications.

The core palette. Every swatch is copy-on-click; click the chip to grab the hex.

ObsidianHex#030303RGB3, 3, 3CMYK0 / 0 / 0 / 99
CarbonHex#171717RGB23, 23, 23CMYK0 / 0 / 0 / 91
PrimaryHex#aa1e23RGB170, 30, 35CMYK0 / 82 / 79 / 33
SecondaryHex#e0e0e0RGB224, 224, 224CMYK0 / 0 / 0 / 12
GraphiteHex#888888RGB136, 136, 136CMYK0 / 0 / 0 / 47
EmberHex#ff003cRGB255, 0, 60CMYK0 / 100 / 76 / 0
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.

  • Obsidian44%
  • Carbon18%
  • Primary14%
  • Secondary12%
  • Graphite8%
  • Ember4%
on Obsidian (#030303)on Carbon (#171717)Hero gradientradial-gradient(closest-side, rgba(170,30,35,0.35), transparent 70%)
Gradient intent

The gradient is a glow, not a fill. It has two grounds and they are not interchangeable: on Obsidian it reads as depth in the page itself, on Carbon it lifts a grey panel off that page. Never on white, never on paper, never over photography. The red and the ground are fixed; the composition is free. Wherever you anchor it, let it fade to nothing rather than filling its container, so it reads as light falling on the surface instead of a coloured background. The THEO MA1 machine line-up on the shop anchors it at two opposite corners, upper right and lower left, and fades it toward the centre.

Two typefaces carry the system: Saira for display and body, Play for accents.

Hero / Display
Saira
Light300
Regular400
Medium500
SemiBold600
Bold700
ExtraBold800
Body
Saira
Light300
Regular400
Medium500
SemiBold600
Bold700
ExtraBold800
Accent
Play
Bold700
Scale

Every step in the system.

H1
96/96 · 400 · Normal case
hero · tracking -1.0%
Display heading set in the hero face.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H2
48/50 · 400 · Normal case
hero · tracking -1.0%
Section title built from the same hierarchy.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H3
32/34 · 400 · Normal case
hero · tracking 0.0%
Body face at the largest editorial step. Use it for opening passages and emphatic statements.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H4
26/29 · 400 · Normal case
hero · tracking 0.0%
Body face at the mid-editorial step. Used for sub-headings and lede paragraphs.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H5
20/21 · 400 · Normal case
hero · tracking 0.0%
Caption-style heading
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
H6
18/20 · 400 · Normal case
hero · tracking 0.0%
Smallest heading
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Body Base
18/29 · 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
16/24 · 400 · Normal case
body · tracking 0.0%
Body face at the small annotation scale. Captions, footnotes, table cells.
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Caption
13/18 · 400 · Normal case
alt · tracking 7.7%
Brand guide / Version 1.0
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Button
15/18 · 400 · Normal case
alt · tracking 4.0%
Take action
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&
Label
13/18 · 700 · All caps
alt · tracking 12.0%
Section label
Abcdefghijklmnopqrstuvwxyz 0123456789 .,;:!?&

Need help implementing this brand?

Oh Lord

We create almighty brands.