Гайдлайны бренда
Ресурсы и активы, которые помогут вам работать с брендом OpenCode.
Содержание
Пишите OpenCode одним словом, с заглавными O и C. Не пишите Opencode, Open Code, OpenCode AI или Open-Code.
Строчное opencode используйте только в коде и названиях пакетов, например opencode-figma или @acme/opencode-plugin.
Логотип отдельно, для иконок приложений, аватаров и других небольших мест. Квадратные версии добавляют отступы для мест, где изображение обрезается до квадрата.
Выбирайте версию, при которой логотип хорошо виден на вашем фоне. Тёмную на светлом фоне, светлую на тёмном. Логотип и вордмарк — отдельные файлы, используйте что-то одно.
Логотип почти для любых случаев. Его внутренняя тень прозрачна. На белом или чёрном он выглядит точно как двухтонный серый, а на фото, градиентах и цветах сквозь него виден фон.
Логотип и вордмарк используют одну краску в трёх степенях прозрачности и более светлую краску для тёмного фона. Значения ниже показывают эту краску поверх белого или #0B0B0B, как в стандартных файлах. Нажмите на значение, чтобы скопировать его.
- КраскаКонтур логотипа и буквы «code».
- Краска 70%Буквы «open». Краска с непрозрачностью 70%.
- Краска 20%Внутренняя тень логотипа. Краска с непрозрачностью 20%.
- КраскаКонтур логотипа и буквы «code».
- Краска 72%Буквы «open». Краска с непрозрачностью 72%.
- Краска 28%Внутренняя тень логотипа. Краска с непрозрачностью 28%.
Используйте светлые версии на светлом фоне, а тёмные на тёмном. Логотип и вордмарк разделены, используйте что-то одно и никогда не оба вместе.
Оставляйте не меньше двух штрихов свободного места со всех сторон логотипа и вордмарка. Для логотипа штрих — это толщина контура, четверть его ширины. Для вордмарка — толщина букв, седьмая часть его высоты.
Нужно держать каждый край и штрих 4px на целых пикселях. Нельзя выходить за пропорции 4:5, иначе края попадут между пикселями и размоются. Пропорции логотипа фиксированы, 4:5, а один штрих — четверть его ширины. Масштабируйте его шагами по 4 × 5px, чтобы каждый край и каждый штрих попадали на целый пиксель.
Логотип Штрих 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 Логотип
Не меньше 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.