BRAND KIT · v1.0

OGRECORDS

Die Assets, mit denen du uns abbildest. Logo, Farben, Schrift, Tonfall. Lade das komplette Kit herunter oder pick dir genau das Asset, das du brauchst.

Komplettes Kit (.zip)Logo (PNG, schwarz)
01 · LOGO

Wordmark.

Die OGRECORDS Wordmark ist die zentrale visuelle Marke. Nutze die Schwarz-Variante auf hellem Untergrund, die Weiß-Variante auf dunklem oder fotografischem Untergrund. Wahre den Mindestabstand (= Höhe des Buchstaben O) und skaliere nie unter 18 px Höhe.

Mindestgröße
OGRECORDS18 px

Web 18 px · Print 12 mm. Darunter wird die Wordmark unlesbar.

Clear-Space
OGRECORDS

Halte rund um die Wordmark einen Abstand frei, der mindestens der Höhe des Buchstaben O entspricht.

01.B · MONOGRAMM

Icon, Favicon, App-Tile.

Wo die volle Wordmark nicht reinpasst — Favicon, App-Launcher, Social-Avatar — nutzen wir das OG-Monogramm. Quadratisch, dark canvas, weiße Buchstaben, leicht abgerundet.

OG

Favicon

Browser-Tab · 32×32 · automatisch ausgespielt

PNG · 32×32
OG

Apple Touch Icon

iOS Home-Screen · 180×180 · automatisch ausgespielt

PNG · 180×180
01.C · SOCIAL CARD

OpenGraph + Twitter.

1200×630 Standard-Karte, die ausgespielt wird wenn jemand einen OGRECORDS-Link auf X, Facebook, LinkedIn oder iMessage teilt. Pro Sub-Page lässt sich die Karte überschreiben — diese hier ist der Fallback.

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

Palette.

Vier Tonbereiche: Beige-Off-White für Standard, Schwarz-Anthrazit für Text, ein gedeckter Olive-Green als Accent, plus die Status-Töne (positiv / negativ / warn). Alle Werte als oklch + HEX — klick auf die Kachel kopiert den Wert.

Neutrals

Hintergrund (light)
--bg
Hintergrund 2
--bg-2
Hintergrund 3
--bg-3
Text (light)
--fg
Text 2
--fg-2
Text 3 (muted)
--fg-3

Accent

Accent · Olive Green
--accent
Accent Soft
--accent-soft
Accent Foreground
--accent-fg

Status

Positiv
--pos
Negativ
--neg
Warnung
--warn

Dark Mode

Dark · Hintergrund
--bg [dark]
Dark · Text
--fg [dark]
Dark · Accent
--accent [dark]
03 · TYPOGRAFIE

Schriften.

Drei Schriftfamilien — alle Google-Fonts, frei nutzbar. Geist (Sans, Vercel) für Body + Headlines, JetBrains Mono für Code + Zahlen, Instrument Serif für Akzente und Editorial-Momente.

Geist

Sans · Body + Display

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

Default-Schrift für UI, Marketing, Body-Copy.

Auf Google Fonts ansehen →

JetBrains Mono

Mono · Code + Zahlen

400 · 500 · 600
ABCDEFGHIJKLM abcdefghijklm 0123456789

Code-Snippets, KPI-Zahlen, Timestamps, IDs.

Auf Google Fonts ansehen →

Instrument Serif

Serif · Editorial

400 · 400 italic
ABCDEFGHIJKLM abcdefghijklm 0123456789

Quotes, Editorial-Akzente, Founder-Statements.

Auf Google Fonts ansehen →
04 · WORDMARK

Wordmark.

Wordmark-Regeln

OGRECORDS™
OG-RECORDS · OG Records

Wordmark ist zusammengeschrieben, ohne Bindestrich, ohne Leerzeichen. OG in Bold, RECORDS im Regular-Schnitt, Trademark-Symbol immer mit.

OGRECORDS™
ogrecords · Ogrecords · Og-Records

Immer Vollkapitälchen, niemals Kleinbuchstaben, niemals Title Case.

OGRECORDS™ Dashboard
Das OGR-Dashboard

OGR ist eine interne Abkürzung. In Marketing + Press immer ausgeschrieben.

05 · DOWNLOAD

Alles in einem ZIP.

Logo (PNG + SVG, schwarz + weiß), Farbpalette als JSON, Schrift-Cheatsheet, Wordmark-Regeln als Markdown. Ein Klick.

Brand-Kit als ZIP

Asset-Set · ~ 800 KB

© 2026 OGRECORDS. Assets dürfen für Pressezwecke + redaktionelle Berichterstattung verwendet werden. Keine Veränderung der Wordmark. Trademark-Symbol nie entfernen.

Fragen zur Nutzung? Schreib uns an info@og-records.com.

Brand Kit v1.0 · Stand 2026-07-04