До вмісту

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

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

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

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

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

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

  • OpenCode Логотип, Світлий
    Світлий
  • OpenCode Логотип, Темний
    Темний
  • OpenCode Логотип, Квадратний, світлий
    Квадратний, світлий
  • OpenCode Логотип, Квадратний, темний
    Квадратний, темний

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

  • Аватар OpenCode, Темний
    Темний
  • Аватар OpenCode, Світлий
    Світлий

Повна назва, набрана літерами 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.