跳到主要內容

品牌指南

協助你使用 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。