Wytyczne marki
Zasoby i aktywa, które pomogą Ci pracować z marką OpenCode.
Pisz OpenCode jako jedno słowo, z wielkim O i wielkim C. Nie pisz Opencode, Open Code, OpenCode AI ani Open-Code.
Małych liter opencode używaj tylko w kodzie i nazwach pakietów, takich jak opencode-figma czy @acme/opencode-plugin.
Samo logo, do ikon aplikacji, awatarów i innych małych miejsc. Wersje kwadratowe mają margines dla miejsc, które przycinają do kwadratu.
Wybierz wersję, przy której logo jest wyraźne na Twoim tle, ciemną na jasnych tłach i jasną na ciemnych. Logo i logotyp to osobne pliki, więc używaj jednego albo drugiego.
Logo do użycia prawie wszędzie. Jego wewnętrzny odcień jest przezroczysty. Na bieli i czerni wygląda dokładnie jak dwutonowe szarości, a na zdjęciach, gradientach i kolorach prześwituje tło.
Jeden kolor, z otwartymi światłami liter i bez wewnętrznego odcienia. Używaj go na płaskich kolorowych tłach, w druku jednokolorowym i wszędzie, gdzie nie możesz użyć szarości. Prosty ciemny na jasnych kolorach, prosty jasny na ciemnych.
Logo i logotyp używają jednego koloru w trzech stopniach krycia, z jaśniejszym kolorem na ciemne tła. Wartości poniżej to ten kolor na bieli lub #0B0B0B, tak jak pokazują go standardowe pliki. Kliknij wartość, aby ją skopiować.
- KolorObrys logo i litery „code”.
- Kolor 70%Litery „open”. Kolor przy 70% krycia.
- Kolor 20%Wewnętrzny odcień logo. Kolor przy 20% krycia.
- KolorObrys logo i litery „code”.
- Kolor 72%Litery „open”. Kolor przy 72% krycia.
- Kolor 28%Wewnętrzny odcień logo. Kolor przy 28% krycia.
Używaj jasnych wersji na jasnych tłach i ciemnych wersji na ciemnych tłach. Logo i logotyp są osobne. Używaj jednego albo drugiego, nigdy obu razem.
Zostaw co najmniej dwie kreski odstępu z każdej strony logo i logotypu. W logo kreska to grubość obrysu, jedna czwarta szerokości. W logotypie to grubość liter, jedna siódma wysokości.
Zawsze trzymaj każdą krawędź i kreskę 4px na pełnych pikselach. Nie zmieniaj proporcji 4:5, bo krawędzie wypadną między pikselami i się rozmyją. Proporcje logo są stałe, 4:5, a jedna kreska to jedna czwarta szerokości. Skaluj je co 4 × 5px, aby każda krawędź i każda kreska wypadała na pełnym pikselu.
Logo Kreska 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Logotyp Kreska 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Co najmniej 16 × 20px, z kreską 4px. Mniejsze się rozmywa.Logotyp
Co najmniej 117 × 21px, z kreską 3px. Mniejszy się rozmywa.
Częste błędy, których warto unikać przy używaniu logo i logotypu.
Nie zmieniaj kolorów logo na nowe. Nie używaj jednego jaskrawego koloru. Nie wypełniaj logo gradientem. Nie zamieniaj odcieni miejscami. Nie rozciągaj ani nie spłaszczaj logo. Nie dodawaj cieni. Nie dodawaj poświaty ani obrysów. Nie stawiaj innych słów obok logo. Nie używaj szarego na szarym przy niskim kontraście. Nie kładź szarego dwutonowego logo na kolorowym tle, gdzie szarości stają się brudne.
Pluginy, dostawcy i narzędzia, które działają z OpenCode, oraz projekty z jego użyciem mogą o tym mówić. Użyj odznaki albo lockupu partnerskiego i nazwij projekt tak, aby było jasne, że jest Twój.
Umieść odznakę w README, dokumentacji lub na stronie i podlinkuj ją do opencode.ai. Wybierz plik jasny lub ciemny pod swoje tło (HTML przełącza się sam) i nie zmieniaj kolorów ani tekstu. Każdy styl jest w rozmiarach 20, 32 i 44px (Shields tylko 20px), jako SVG i PNG w 2×.
Dla pluginów, dostawców i narzędzi, które działają z OpenCode.
Dla projektów stworzonych z OpenCode.
Ustaw logo OpenCode i logo partnera obok siebie, z × pomiędzy. Zostaw 3 kreski odstępu po obu stronach ×, dobierz rozmiar logo partnera tak, by wyglądało na tak wysokie jak logo OpenCode, i zachowaj wolną przestrzeń wokół całości.
- OpenCode × GitHub, Jasny
- OpenCode × GitHub, Ciemny
Zacznij od własnej nazwy, aby było jasne, że projekt jest Twój.
Pisz Linear for OpenCode albo nazwij pakiet opencode-linear. Nie pisz OpenCode Linear ani Linear by OpenCode.
OpenCode i logo OpenCode są znakami towarowymi Anomaly. Nie używaj ich, aby sugerować, że Anomaly Cię popiera lub sponsoruje, w nazwie produktu czy firmy ani na gadżetach bez zgody. W razie pytań napisz na press@opencode.ai.