品牌资料包 · v1.0

OGRECORDS

打造我们形象所需的全部资产:标志、颜色、字体、语气。下载完整资料包,或直接选取你需要的单项。

完整资料包 (.zip)标志(PNG,黑色)
01 · 标志

字标。

OGRECORDS 字标是核心视觉标识。浅色背景使用黑色版本,深色或照片背景使用白色版本。保持最小留白(等于字母O的高度),且缩放时不得低于18像素高度。

最小尺寸
OGRECORDS18 px

网页 18 px · 印刷 12 mm。低于此尺寸字标将无法辨识。

留白空间
OGRECORDS

字标周围需保留至少等于字母O高度的空白区域。

01.B · MONOGRAMM

图标、Favicon、应用图标。

当完整字标无法容纳时——如 Favicon、应用启动器、社交头像——我们使用 OG 图标。方形,深色背景,白色字母,边缘略圆润。

OG

Favicon

浏览器标签页 · 32×32 · 自动播放

PNG · 32×32
01.C · 社交卡片

OpenGraph + Twitter

1200×630 标准卡片,当有人在 X、Facebook、LinkedIn 或 iMessage 分享 OGRECORDS 链接时会显示。每个子页面可覆盖此卡片——此处为默认 fallback。

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

配色方案

四个色调区间:标准用 Beige-Off-White,文字用 Black-Anthrazit,点缀色为沉稳的 Olive-Green,外加状态色(正/负/警告)。所有值均以 oklch + HEX 格式呈现——点击瓷砖即可复制数值。

中性色

背景(浅色)
--bg
背景 2
--bg-2
背景 3
--bg-3
文字(浅色)
--fg
文字 2
--fg-2
文字 3(弱化)
--fg-3

点缀色

点缀色 · Olive Green
--accent
柔和点缀色
--accent-soft
点缀前景色
--accent-fg

状态色

正向
--pos
负向
--neg
警告
--warn

深色模式

深色 · 背景
--bg [dark]
深色 · 文字
--fg [dark]
深色 · 点缀色
--accent [dark]
03 · TYPOGRAFIE

字体

三种字体家族——均为 Google Fonts 免费可商用字体。Geist(Sans,Vercel)用于正文与标题,JetBrains Mono 用于代码与数字,Instrument Serif 用于强调与编辑性场景。

Geist

无衬线 · 正文 + 展示

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

UI、营销、正文内容的默认字体。

在 Google Fonts 查看 →

JetBrains Mono

等宽 · 代码 + 数字

400 · 500 · 600
ABCDEFGHIJKLM abcdefghijklm 0123456789

代码片段、KPI 数字、时间戳、ID

在 Google Fonts 查看 →

乐器衬线体

衬线 · 编辑风格

400 · 400 斜体
ABCDEFGHIJKLM abcdefghijklm 0123456789

引号、编辑风格强调、创始人宣言。

在 Google Fonts 查看 →
04 · 品牌标识

品牌标识。

品牌标识使用规范

OGRECORDS™
OG-RECORDS · OG Records

品牌标识须连写,不加连字符,不加空格。OG 用粗体,RECORDS 用常规字重,商标符号始终保留。

OGRECORDS™
ogrecords · Ogrecords · Og-Records

始终全大写,从不使用小写字母,从不使用首字母大写。

OGRECORDS™ 仪表盘
OGR 仪表盘

OGR 是内部缩写。在营销与媒体宣传中必须写全称。

05 · 下载

全部打包在一个 ZIP 文件中。

Logo(PNG + SVG,黑白版),颜色调色板(JSON 格式),字体速查表,品牌标识规范(Markdown 格式)。一键下载。

品牌资料包(ZIP)

资产集 · 约 800 KB

© 2026 OGRECORDS。资产可用于媒体用途及新闻报道。禁止修改品牌标识。商标符号不得删除。

关于使用问题?请发邮件至 info@og-records.com。

品牌资料包 v1.0 · 更新日期 2026-08-10