跳到正文

品牌指南

帮助您使用 OpenCode 品牌的资源和资产。

下载所有资产
目录

OpenCode 写作一个词,O 和 C 大写。不要写成 Opencode、Open Code、OpenCode AI 或 Open-Code。

小写的 opencode 仅用于代码和包名,例如 opencode-figma 或 @acme/opencode-plugin。

单独的 Logo,用于应用图标、头像和其他小空间。方形版本增加了内边距,适合会裁剪成方形的场景。

1024px 的方形头像,适用于 Slack、Discord、GitHub 等个人资料。背景铺满整个方形,Logo 位于圆形区域内,即使被裁成圆形也能完整显示。

以 OpenCode 字形写出的完整名称。只要有足够空间写出全名,就使用它。

单色版本的文字标识,适用于印刷、刺绣以及只允许使用一种颜色的场景。

选择能让 Logo 在背景上清晰显示的版本,浅色背景用深色版,深色背景用浅色版。Logo 和文字标识是独立的文件,二者择一使用。

几乎所有场景都使用这个 Logo。它的内部阴影是透明的,在白色或黑色背景上看起来与双色灰完全一样,在照片、渐变和彩色背景上则会透出背景。

Logo

文字标识

单色,字怀镂空,没有内部阴影。用于纯色背景、单色印刷以及无法使用灰色的场景,浅色背景用深色简版,深色背景用浅色简版。

文字标识

Logo 和文字标识使用同一种墨色的三种不透明度,深色背景则使用更浅的墨色。下方数值是该墨色叠加在白色或 #0B0B0B 上的效果,与标准文件一致。点击数值即可复制。

  • 墨色Logo 的轮廓和“code”的字母。
  • 墨色 70%“open”的字母。 70% 不透明度的墨色。
  • 墨色 20%Logo 的内部阴影。 20% 不透明度的墨色。

  • 墨色Logo 的轮廓和“code”的字母。
  • 墨色 72%“open”的字母。 72% 不透明度的墨色。
  • 墨色 28%Logo 的内部阴影。 28% 不透明度的墨色。

浅色背景使用浅色版本,深色背景使用深色版本。Logo 和文字标识相互独立,二者择一使用,不要同时使用。

  • 1 笔画1 笔画

    Logo 和文字标识四周至少各留 2 笔画的空间。对 Logo 来说,1 笔画是其轮廓的粗细,即宽度的四分之一;对文字标识来说,是其字母的粗细,即高度的七分之一。
  • Do 让每条边和 4px 的笔画都落在整像素上。
    不要 使用非 4:5 的尺寸,否则边缘会落在像素之间而变模糊。

    Logo 的比例固定为 4:5,1 笔画是其宽度的四分之一。请按 4 × 5px 的步长缩放,让每条边和每个笔画都落在整像素上。
    Logo笔画
    16 × 20px4px
    20 × 25px5px
    24 × 30px6px
    32 × 40px8px
    48 × 60px12px
    64 × 80px16px
    文字标识笔画
    78 × 14px2px
    117 × 21px3px
    156 × 28px4px
    195 × 35px5px
    234 × 42px6px
    312 × 56px8px
  • Logo

    至少 16 × 20px,笔画为 4px。再小就会模糊。
  • 文字标识

    至少 117 × 21px,笔画为 3px。再小就会模糊。

使用 Logo 和文字标识时应避免的常见错误。

  • 不要 给 Logo 换成新的颜色。
  • 不要 使用单一的鲜艳颜色。
  • 不要 用渐变填充 Logo。
  • 不要 互换色调。
  • 不要 拉伸或压扁 Logo。
  • 不要 添加投影。
  • 不要 添加发光或描边。
  • 不要 在 Logo 旁边加其他文字。
  • 不要 使用低对比度的灰配灰。
  • 不要 把双色灰 Logo 放在彩色背景上,灰色会变得浑浊。

与 OpenCode 配合使用的插件、提供商和工具,以及基于 OpenCode 构建的项目,都可以注明这一点。请使用徽章或合作伙伴组合标识,并为项目命名,清楚表明它属于您。

在 README、文档或网站中放置徽章,并链接到 opencode.ai。根据背景选择浅色或深色文件(HTML 会自动切换),不要修改颜色或文字。 每种样式都提供 20、32 和 44px(Shields 仅 20px),格式为 SVG 和 2 倍 PNG。

适用于配合 OpenCode 运行的插件、提供商和工具。

边框

格子

实心

Shields

边框

格子

实心

Shields

边框

格子

实心

Shields

适用于用 OpenCode 制作的项目。

边框

格子

实心

Shields

边框

格子

实心

Shields

边框

格子

实心

Shields

将 OpenCode Logo 和合作伙伴 Logo 并排放置,中间加一个 ×。× 两侧各留 3 笔画的空间,合作伙伴 Logo 的视觉高度与 OpenCode Logo 一致,并在整个组合标识四周保留留白。

  • OpenCode × GitHub, 浅色
  • OpenCode × GitHub, 深色

以您自己的名称开头,清楚表明项目属于您。

写作 Linear for OpenCode,或将包命名为 opencode-linear。不要写成 OpenCode Linear 或 Linear by OpenCode。

OpenCode 和 OpenCode Logo 是 Anomaly 的商标。未经许可,不得用它们暗示 Anomaly 认可或赞助您,不得用于您的产品或公司名称,也不得用于周边商品。 如有疑问,请发送邮件至 press@opencode.ai。