---
title: Brand Kit — Logo, Farben, Schriften
description: OGRECORDS™ Brand-Assets — Wordmark, Farbpalette, Typografie und Wordmark-Regeln. Alles als Download im Kit.
canonical: https://www.og-records.com/brand
locale: de
alternate: https://www.og-records.com/en/brand.md
lastModified: 2026-05-20
---
# OGRECORDS™

## Wordmark.

*01 · LOGO*

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.

### Wordmark · Schwarz
- **Use Case**: Heller Untergrund · Standard · Print
- **Download Png**: PNG · 1200×170
- **Download Svg**: SVG · vektoriell


### Wordmark · Weiß
- **Use Case**: Dunkler Untergrund · Foto-Overlay · Reverse
- **Download Png**: PNG · 1200×170
- **Download Svg**: SVG · vektoriell

- **Min Size**: Mindestgröße
- **Min Size Note**: Web 18 px · Print 12 mm. Darunter wird die Wordmark unlesbar.
- **Clear Space**: Clear-Space
- **Clear Space Note**: Halte rund um die Wordmark einen Abstand frei, der mindestens der Höhe des Buchstaben O entspricht.
- **Preview**: Live-Preview im aktuellen Theme

## Icon, Favicon, App-Tile.

*01.B · MONOGRAMM*

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

### Monogramm · dunkel
- **Use Case**: Standard · App-Tile · Favicon · Social-Avatar
- **Download Svg**: SVG · vektoriell
- **Download Png**: PNG · 512×512


### Monogramm · hell
- **Use Case**: Auf dunklen Hintergründen · Reverse
- **Download Svg**: SVG · vektoriell
- **Download Png**: PNG · 512×512


### Favicon
- **Use Case**: Browser-Tab · 32×32 · automatisch ausgespielt
- **Download Png**: PNG · 32×32


### Apple Touch Icon
- **Use Case**: iOS Home-Screen · 180×180 · automatisch ausgespielt
- **Download Png**: PNG · 180×180


## OpenGraph + Twitter.

*01.C · SOCIAL CARD*

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.
- **Download Png**: PNG · 1200×630

## Palette.

*02 · FARBEN*

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.

## Schriften.

*03 · TYPOGRAFIE*

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.
- **Note**: Schon installiert: globale Imports in apps/web/src/app/globals.css. Bei eigenen PowerPoint-/Print-Layouts: Geist + JetBrains Mono + Instrument Serif von fonts.google.com laden.

## Tonalität.

*04 · VOICE & WORDMARK*

OGRECORDS™ klingt nüchtern, technisch, ein bisschen sarkastisch. Wir behaupten nichts, was wir nicht halten können. Wir geben Zahlen, keine Versprechungen. Wir sind eine Plattform, kein Kumpel.
- **Rules Title**: Wordmark-Regeln
- **Voice Title**: Sprache

## Alles in einem ZIP.

*05 · DOWNLOAD*

Logo (PNG + SVG, schwarz + weiß), Farbpalette als JSON, Schrift-Cheatsheet, Wordmark-Regeln als Markdown. Ein Klick.
- **Filesize**: Asset-Set · ~ 800 KB
- **License**: © 2026 OGRECORDS™. Assets dürfen für Pressezwecke + redaktionelle Berichterstattung verwendet werden. Keine Veränderung der Wordmark. Trademark-Symbol nie entfernen.
- **Contact**: Fragen zur Nutzung? Schreib uns an info@og-records.com.