ブランドキット · v1.0

OGRECORDS

私たちを表現するためのアセット。ロゴ、カラー、フォント、トーン。完全なキットをダウンロードするか、必要なアセットだけを選び出してください。

完全なキット (.zip)ロゴ (PNG、黒色)
01 · ロゴ

ワードマーク。

OGRECORDS のワードマークは中心的な視覚的ブランディングです。明るい背景には黒色バージョン、暗い背景や写真の上には白色バージョンをご使用ください。最小マージン(Oの高さに相当)を確保し、18px以下のサイズに縮小しないでください。

最小サイズ
OGRECORDS18 px

Web 18px · プリント 12mm。これより小さくなるとワードマークが読みにくくなります。

クリアスペース
OGRECORDS

ワードマークの周囲には、少なくともOの高さに相当するマージンを空けてください。

01.B · MONOGRAMM

アイコン、ファビコン、アプリタイル。

ワードマークが収まらない場面 — ファビコン、アプリ起動アイコン、ソーシャルアバター — には OG モノグラムを使用します。正方形、ダークキャンバス、白色の文字、わずかに丸みを帯びたデザインです。

OG

ファビコン

ブラウザタブ · 32×32 · 自動再生

PNG · 32×32
OG

Apple Touch Icon

iOS ホーム画面 · 180×180 · 自動再生

PNG · 180×180
01.C · SOCIAL CARD

OpenGraph + Twitter。

1200×630 の標準カード。X、Facebook、LinkedIn、iMessage などで OGRECORDS リンクを共有した際に表示されます。各サブページでカードを上書き可能。こちらはフォールバックです。

OG-RECORDS™ OpenGraph card preview
PNG · 1200×630
02 · カラーパレット

パレット。

4つのトーン領域:標準用のベージー・オフホワイト、テキスト用のブラック・アントラサイト、アクセント用の落ち着いたオリーブグリーン、およびステータス用のトーン(ポジティブ/ネガティブ/警告)。すべての値は oklch + HEX 形式。タイルをクリックすると値がコピーされます。

ニュートラル

背景(ライト)
--bg
背景2
--bg-2
背景3
--bg-3
テキスト(ライト)
--fg
テキスト2
--fg-2
テキスト3(マウド)
--fg-3

アクセント

アクセント · オリーブグリーン
--accent
アクセントソフト
--accent-soft
アクセントフォアグラウンド
--accent-fg

ステータス

ポジティブ
--pos
ネガティブ
--neg
警告
--warn

ダークモード

ダーク · 背景
--bg [dark]
ダーク · テキスト
--fg [dark]
ダーク · アクセント
--accent [dark]
03 · TYPOGRAFIE

フォント。

3つのフォントファミリー — すべて Google Fonts で無料利用可能。本文および見出しには Geist(Sans、Vercel)を使用、コードや数字には JetBrains Mono、アクセントやエディトリアルな場面には Instrument Serif を使用。

Geist

Sans · ボディ+ディスプレイ

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

UI、マーケティング、本文用のデフォルトフォント。

Google Fontsで確認する →

JetBrains Mono

モノ・コード+数字

400 · 500 · 600
ABCDEFGHIJKLM abcdefghijklm 0123456789

コードスニペット、KPI数値、タイムスタンプ、ID。

Google Fontsで確認する →

Instrument Serif

セリフ・エディトリアル

400 · 400 イタリック
ABCDEFGHIJKLM abcdefghijklm 0123456789

引用文、エディトリアルの強調、創業者コメント。

Google Fontsで確認する →
04 · ワードマーク

ワードマーク。

ワードマークのルール

OGRECORDS™
OG-RECORDS · OG Records

ワードマークはハイフンやスペースなしで連結表記。OGは太字、RECORDSはレギュラー、商標記号は常に併記。

OGRECORDS™
ogrecords · Ogrecords · Og-Records

常に大文字表記。小文字、タイトルケースは使用しない。

OGRECORDS™ ダッシュボード
OGRダッシュボード

OGRは内部略称です。マーケティングおよびプレスでは必ず全文表記。

05 · ダウンロード

すべてを1つのZIPにまとめました。

ロゴ(PNG+SVG、黒+白)、カラーパレット(JSON形式)、フォントチートシート、ワードマークルール(Markdown形式)。1クリックで完了。

ブランドキットをZIPでダウンロード

アセットセット · 約800 KB

© 2026 OGRECORDS。アセットはプレス用途および編集報道に限り使用可。ワードマークの変更は禁止。商標記号は絶対に削除しない。

利用に関するご質問は、info@og-records.com までお問い合わせください。

ブランドキット v1.0 · 更新日 2026-08-10