品牌指南
帮助您使用 OpenCode 品牌的资源和资产。
OpenCode 写作一个词,O 和 C 大写。不要写成 Opencode、Open Code、OpenCode AI 或 Open-Code。
小写的 opencode 仅用于代码和包名,例如 opencode-figma 或 @acme/opencode-plugin。
选择能让 Logo 在背景上清晰显示的版本,浅色背景用深色版,深色背景用浅色版。Logo 和文字标识是独立的文件,二者择一使用。
几乎所有场景都使用这个 Logo。它的内部阴影是透明的,在白色或黑色背景上看起来与双色灰完全一样,在照片、渐变和彩色背景上则会透出背景。
Logo 和文字标识使用同一种墨色的三种不透明度,深色背景则使用更浅的墨色。下方数值是该墨色叠加在白色或 #0B0B0B 上的效果,与标准文件一致。点击数值即可复制。
- 墨色Logo 的轮廓和“code”的字母。
- 墨色 70%“open”的字母。 70% 不透明度的墨色。
- 墨色 20%Logo 的内部阴影。 20% 不透明度的墨色。
- 墨色Logo 的轮廓和“code”的字母。
- 墨色 72%“open”的字母。 72% 不透明度的墨色。
- 墨色 28%Logo 的内部阴影。 28% 不透明度的墨色。
浅色背景使用浅色版本,深色背景使用深色版本。Logo 和文字标识相互独立,二者择一使用,不要同时使用。
1 笔画 Logo 和文字标识四周至少各留 2 笔画的空间。对 Logo 来说,1 笔画是其轮廓的粗细,即宽度的四分之一;对文字标识来说,是其字母的粗细,即高度的七分之一。
Do 让每条边和 4px 的笔画都落在整像素上。 不要 使用非 4:5 的尺寸,否则边缘会落在像素之间而变模糊。 Logo 的比例固定为 4:5,1 笔画是其宽度的四分之一。请按 4 × 5px 的步长缩放,让每条边和每个笔画都落在整像素上。
Logo 笔画 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px 文字标识 笔画 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px 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 运行的插件、提供商和工具。
适用于用 OpenCode 制作的项目。
将 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。