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
OGRECORDS™18 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-11-08