İçeriğe geç

Marka kılavuzu

OpenCode markası ile çalışmanıza yardımcı olacak kaynaklar ve varlıklar.

Tüm varlıkları indir
İçindekiler

OpenCode'u büyük O ve büyük C ile tek kelime olarak yazın. Opencode, Open Code, OpenCode AI ya da Open-Code yazmayın.

Küçük harfli opencode adını yalnızca kodda ve opencode-figma ya da @acme/opencode-plugin gibi paket adlarında kullanın.

Uygulama simgeleri, avatarlar ve diğer küçük alanlar için tek başına logo. Kare sürümler, kareye kırpan yerler için kenar boşluğu ekler.

Slack, Discord, GitHub ve diğer profiller için 1024px kare avatarlar. Arka plan tüm kareyi doldurur ve logo dairenin epey içinde durur, böylece yuvarlak kırpmada da bozulmaz.

OpenCode harf biçimleriyle yazılmış tam ad. Adı tam yazacak yer olan her yerde kullanın.

Yazı logosunun tek renkli sürümü. Baskı, nakış ve yalnızca tek renge izin veren yerler için.

Logoyu arka planınızda net gösteren sürümü seçin, açık arka planda koyu, koyu arka planda açık. Logo ve yazı logosu ayrı dosyalardır, ikisinden birini kullanın.

Neredeyse her yerde kullanılacak logo. İç tonu saydamdır. Beyaz ya da siyah üzerinde iki tonlu grilerle tamamen aynı görünür, fotoğraf, gradyan ve renkler üzerinde ise arka plan içinden görünür.

Logo

Yazı logosu

Tek renk, açık harf içleri, iç ton yok. Düz renkli arka planlarda, tek renkli baskıda ve grilerin kullanılamadığı her yerde kullanın. Açık renklerde sade koyu, koyu renklerde sade açık.

Yazı logosu

Logo ve yazı logosu tek bir mürekkebi üç opaklıkta kullanır, koyu arka planlar için daha açık bir mürekkep vardır. Aşağıdaki değerler, standart dosyalardaki gibi bu mürekkebin beyaz ya da #0B0B0B üzerindeki hâlidir. Kopyalamak için bir değere tıklayın.

  • MürekkepLogonun dış hattı ve “code” harfleri.
  • Mürekkep %70“open” harfleri. %70 opaklıkta mürekkep.
  • Mürekkep %20Logonun iç tonu. %20 opaklıkta mürekkep.

  • MürekkepLogonun dış hattı ve “code” harfleri.
  • Mürekkep %72“open” harfleri. %72 opaklıkta mürekkep.
  • Mürekkep %28Logonun iç tonu. %28 opaklıkta mürekkep.

Açık arka planlarda açık sürümleri, koyu arka planlarda koyu sürümleri kullanın. Logo ve yazı logosu ayrıdır. İkisinden birini kullanın, ikisini birlikte değil.

  • 1 çizgi1 çizgi

    Logonun ve yazı logosunun her yanında en az iki çizgi boşluk bırakın. Logoda bir çizgi dış hattın kalınlığıdır, genişliğin dörtte biri. Yazı logosunda harflerin kalınlığıdır, yüksekliğin yedide biri.
  • Doğru her kenar ve 4px çizgi tam piksellerde.
    Yanlış logoyu 4:5 dışında boyutlandırmak, kenarlar piksel aralarına düşer ve bulanıklaşır.

    Logonun oranları 4:5'te sabittir ve bir çizgi genişliğinin dörtte biridir. Her kenar ve her çizgi tam bir piksele denk gelsin diye 4 × 5px adımlarla ölçekleyin.
    LogoÇizgi
    16 × 20px4px
    20 × 25px5px
    24 × 30px6px
    32 × 40px8px
    48 × 60px12px
    64 × 80px16px
    Yazı logosuÇizgi
    78 × 14px2px
    117 × 21px3px
    156 × 28px4px
    195 × 35px5px
    234 × 42px6px
    312 × 56px8px
  • Logo

    En az 16 × 20px, 4px çizgiyle. Daha küçüğü bulanıklaşır.
  • Yazı logosu

    En az 117 × 21px, 3px çizgiyle. Daha küçüğü bulanıklaşır.

Logoyu ve yazı logosunu kullanırken kaçınılması gereken yaygın hatalar.

  • Yanlış logoyu yeni renklere boyamak.
  • Yanlış tek bir parlak renk kullanmak.
  • Yanlış logoyu gradyanla doldurmak.
  • Yanlış tonların yerini değiştirmek.
  • Yanlış logoyu germek ya da basmak.
  • Yanlış gölge eklemek.
  • Yanlış parlama ya da dış hat eklemek.
  • Yanlış logonun yanına başka kelimeler koymak.
  • Yanlış düşük kontrastlı gri üstüne gri kullanmak.
  • Yanlış iki tonlu gri logoyu renkli arka plana koymak, orada griler bulanık görünür.

OpenCode ile çalışan eklentiler, sağlayıcılar ve araçlar ile onunla yapılmış projeler bunu belirtebilir. Bir rozet ya da ortaklık logosu kullanın ve projenize sizin olduğu açıkça anlaşılacak bir ad verin.

README'nize, dokümanlarınıza ya da sitenize bir rozet koyun ve opencode.ai'ye bağlayın. Arka planınıza göre açık ya da koyu dosyayı seçin (HTML kendiliğinden geçiş yapar) ve renkleri ya da metni değiştirmeyin. Her stil 20, 32 ve 44px boyutlarında (Shields yalnızca 20px), SVG ve 2× PNG olarak gelir.

OpenCode ile çalışan eklentiler, sağlayıcılar ve araçlar için.

Çerçeve

Hücreler

Dolu

Shields

Çerçeve

Hücreler

Dolu

Shields

Çerçeve

Hücreler

Dolu

Shields

OpenCode ile yapılmış projeler için.

Çerçeve

Hücreler

Dolu

Shields

Çerçeve

Hücreler

Dolu

Shields

Çerçeve

Hücreler

Dolu

Shields

OpenCode logosunu ve ortak logosunu aralarında bir × ile yan yana koyun. ×'in her iki yanında 3 çizgi boşluk bırakın, ortak logosunu OpenCode logosu kadar yüksek görünecek şekilde boyutlandırın ve tüm bileşimin çevresinde boş alan bırakın.

  • OpenCode × GitHub, Açık
  • OpenCode × GitHub, Koyu

Projenin size ait olduğu anlaşılsın diye kendi adınızla başlayın.

Linear for OpenCode yazın ya da paketi opencode-linear olarak adlandırın. OpenCode Linear ya da Linear by OpenCode yazmayın.

OpenCode ve OpenCode logosu Anomaly'nin ticari markalarıdır. Bunları Anomaly'nin sizi desteklediğini ya da sponsorluğunu yaptığını ima edecek şekilde, ürün ya da şirket adınızda ya da izinsiz ürünlerde kullanmayın. Sorularınız için e-posta gönderin, press@opencode.ai.