BRAND KIT · v1.0

OGRECORDS

The assets you use when you write about us. Logo, colours, type, voice. Grab the full kit or pick the exact file you need.

Full kit (.zip)Logo (PNG, black)
01 · LOGO

Wordmark.

The OGRECORDS wordmark is the core visual mark. Use the black version on light backgrounds, the white version on dark or photographic backgrounds. Respect the clear-space (= height of the letter O) and never scale below 18 px height.

Minimum size
OGRECORDS18 px

Web 18 px · print 12 mm. Below that the wordmark becomes illegible.

Clear space
OGRECORDS

Keep a clear area around the wordmark equal to the height of the letter "O".

01.B · MONOGRAM

Icon, favicon, app tile.

When the full wordmark won't fit — favicon, app launcher, social avatar — we use the OG monogram. Square, dark canvas, white letters, slightly rounded.

OG

Favicon

Browser tab · 32×32 · auto-served by Next.js

PNG · 32×32
OG

Apple touch icon

iOS home screen · 180×180 · auto-served by Next.js

PNG · 180×180
01.C · SOCIAL CARD

OpenGraph + Twitter.

1200×630 default card served when someone shares an OGRECORDS link on X, Facebook, LinkedIn or iMessage. Sub-pages can override per-route — this one is the site-wide fallback.

OG-RECORDS™ OpenGraph card preview
PNG · 1200×630
02 · COLOURS

Palette.

Four tonal areas: warm off-white as default surface, near-black for text, a muted olive green as accent, plus the status hues (positive / negative / warning). Every token in oklch + HEX — click a tile to copy.

Neutrals

Background (light)
--bg
Background 2
--bg-2
Background 3
--bg-3
Foreground (light)
--fg
Foreground 2
--fg-2
Foreground 3 (muted)
--fg-3

Accent

Accent · olive green
--accent
Accent soft
--accent-soft
Accent foreground
--accent-fg

Status

Positive
--pos
Negative
--neg
Warning
--warn

Dark mode

Dark · background
--bg [dark]
Dark · foreground
--fg [dark]
Dark · accent
--accent [dark]
03 · TYPOGRAPHY

Type.

Three families — all Google Fonts, freely usable. Geist (sans, Vercel) for body + headlines, JetBrains Mono for code + numerals, Instrument Serif for accents and editorial moments.

Geist

Sans · body + display

300 · 400 · 500 · 600 · 700 · 800
ABCDEFGHIJKLM abcdefghijklm 0123456789

Default for UI, marketing, body copy.

View on Google Fonts →

JetBrains Mono

Mono · code + numerals

400 · 500 · 600
ABCDEFGHIJKLM abcdefghijklm 0123456789

Code snippets, KPI numbers, timestamps, IDs.

View on Google Fonts →

Instrument Serif

Serif · editorial

400 · 400 italic
ABCDEFGHIJKLM abcdefghijklm 0123456789

Quotes, editorial accents, founder statements.

View on Google Fonts →
04 · WORDMARK

Wordmark.

Wordmark rules

OGRECORDS™
OG-RECORDS · OG Records

The wordmark is one word, no hyphen, no space. OG is bold, RECORDS is regular weight, trademark symbol always attached.

OGRECORDS™
ogrecords · Ogrecords · Og-Records

Always all-caps. Never lowercase, never title case.

OGRECORDS™ Dashboard
The OGR dashboard

"OGR" is an internal shorthand. In marketing + press, always spell it out.

05 · DOWNLOAD

Everything in one ZIP.

Logo (PNG + SVG, black + white), colour palette as JSON, type cheatsheet, wordmark rules as markdown. One click.

Brand kit as ZIP

Asset set · ~ 800 KB

© 2026 OGRECORDS. Assets may be used for press purposes and editorial coverage. No modification of the wordmark. Never strip the trademark symbol.

Questions about usage? Email info@og-records.com.

Brand Kit v1.0 · As of 2026-06-17