До вмісту

Рекомендації щодо бренду

Ресурси та матеріали для роботи з брендом OpenCode.

Завантажити всі матеріали
Зміст

Пишіть OpenCode одним словом, з великими O і C. Не пишіть Opencode, Open Code, OpenCode AI чи Open-Code.

Мале opencode використовуйте лише в коді й назвах пакетів, наприклад opencode-figma або @acme/opencode-plugin.

Логотип окремо, для іконок застосунків, аватарів та інших невеликих місць. Квадратні версії додають відступи для місць, де зображення обрізається до квадрата.

Квадратні аватари 1024px для Slack, Discord, GitHub та інших профілів. Фон заповнює весь квадрат, а логотип стоїть глибоко всередині кола, тож аватари витримують кругле обрізання.

Повна назва, набрана літерами OpenCode. Використовуйте його всюди, де є місце написати назву повністю.

Одноколірна версія вордмарку для друку, вишивки й місць, де дозволено лише один колір.

Вибирайте версію, з якою логотип добре видно на вашому фоні. Темну на світлому фоні, світлу на темному. Логотип і вордмарк — окремі файли, використовуйте щось одне.

Логотип майже для будь-яких випадків. Його внутрішній тон прозорий. На білому чи чорному він виглядає точно як двотонний сірий, а на фото, градієнтах і кольорах крізь нього видно фон.

Логотип

Вордмарк

Один колір, відкриті внутрішні просвіти літер і без внутрішнього тону. Використовуйте на однотонному кольоровому фоні, для одноколірного друку й усюди, де сірі тони не підходять. Простий темний на світлих кольорах, простий світлий на темних.

Вордмарк

Логотип і вордмарк використовують одну фарбу в трьох рівнях прозорості та світлішу фарбу для темного фону. Значення нижче показують цю фарбу поверх білого або #0B0B0B, як у стандартних файлах. Натисніть на значення, щоб скопіювати його.

  • ФарбаКонтур логотипа й літери «code».
  • Фарба 70%Літери «open». Фарба з непрозорістю 70%.
  • Фарба 20%Внутрішній тон логотипа. Фарба з непрозорістю 20%.

  • ФарбаКонтур логотипа й літери «code».
  • Фарба 72%Літери «open». Фарба з непрозорістю 72%.
  • Фарба 28%Внутрішній тон логотипа. Фарба з непрозорістю 28%.

Використовуйте світлі версії на світлому фоні, а темні на темному. Логотип і вордмарк окремі, використовуйте щось одне й ніколи не обидва разом.

  • 1 штрих1 штрих

    Залишайте щонайменше два штрихи вільного місця з усіх боків логотипа й вордмарку. Для логотипа штрих — це товщина контуру, чверть його ширини. Для вордмарку — товщина літер, сьома частина його висоти.
  • Треба тримати кожен край і штрих 4px на цілих пікселях.
    Не можна виходити за пропорції 4:5, інакше краї потраплять між пікселями й розмиються.

    Пропорції логотипа фіксовані, 4:5, а один штрих — чверть його ширини. Масштабуйте його кроками по 4 × 5px, щоб кожен край і кожен штрих потрапляли на цілий піксель.
    ЛоготипШтрих
    16 × 20px4px
    20 × 25px5px
    24 × 30px6px
    32 × 40px8px
    48 × 60px12px
    64 × 80px16px
    ВордмаркШтрих
    78 × 14px2px
    117 × 21px3px
    156 × 28px4px
    195 × 35px5px
    234 × 42px6px
    312 × 56px8px

  • Логотип

    Щонайменше 16 × 20px, зі штрихом 4px. Дрібніше він розмивається.

  • Вордмарк

    Щонайменше 117 × 21px, зі штрихом 3px. Дрібніше він розмивається.

Поширені помилки під час використання логотипа й вордмарку.

  • Не можна перефарбовувати логотип у нові кольори.
  • Не можна використовувати один яскравий колір.
  • Не можна заливати логотип градієнтом.
  • Не можна міняти тони місцями.
  • Не можна розтягувати чи стискати логотип.
  • Не можна додавати тіні.
  • Не можна додавати світіння чи обведення.
  • Не можна ставити інші слова поруч із логотипом.
  • Не можна використовувати малоконтрастний сірий на сірому.
  • Не можна ставити сірий двотонний логотип на кольоровий фон, де сірі тони стають брудними.

Плагіни, провайдери й інструменти, які працюють з OpenCode, і проєкти, створені з ним, можуть про це сказати. Використовуйте бейдж або партнерський локап і називайте проєкт так, щоб було ясно, що він ваш.

Розмістіть бейдж у README, документації чи на сайті з посиланням на opencode.ai. Виберіть світлий або темний файл під ваш фон (HTML перемикається сам) і не змінюйте кольори й текст. Кожен стиль є в розмірах 20, 32 і 44px (Shields лише 20px), у SVG і в PNG зі щільністю 2×.

Для плагінів, провайдерів та інструментів, які працюють з OpenCode.

Рамка

Комірки

Заливка

Рамка

Комірки

Заливка

Рамка

Комірки

Заливка

Для проєктів, створених з OpenCode.

Рамка

Комірки

Заливка

Рамка

Комірки

Заливка

Рамка

Комірки

Заливка

Поставте логотип OpenCode й логотип партнера поруч, зі знаком × між ними. Залиште по 3 штрихи з кожного боку від ×, доберіть розмір логотипа партнера так, щоб він здавався такої ж висоти, як логотип OpenCode, і зберігайте охоронне поле навколо всього локапу.

  • OpenCode × GitHub, Світла
  • OpenCode × GitHub, Темна

Починайте з власної назви, щоб було ясно, що проєкт ваш.

Пишіть Linear for OpenCode або називайте пакет opencode-linear. Не пишіть OpenCode Linear чи Linear by OpenCode.

OpenCode і логотип OpenCode — торговельні марки Anomaly. Не використовуйте їх, щоб натякнути, що Anomaly схвалює чи спонсорує вас, у назві продукту чи компанії, а також на мерчі без дозволу. З питаннями пишіть на press@opencode.ai.