品牌指南
協助你使用 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。