Hopp til innholdet

Retningslinjer for merkevare

Ressurser og assets som hjelper deg å jobbe med OpenCode-brandet.

Last ned alle assets
Innhold

Skriv OpenCode som ett ord, med stor O og stor C. Ikke skriv Opencode, Open Code, OpenCode AI eller Open-Code.

Bruk opencode med små bokstaver bare i kode og pakkenavn, som opencode-figma eller @acme/opencode-plugin.

Logoen alene, for appikoner, avatarer og andre små flater. De kvadratiske versjonene har ekstra luft for steder som beskjærer til et kvadrat.

Kvadratiske avatarer på 1024px for Slack, Discord, GitHub og andre profiler. Bakgrunnen fyller hele kvadratet, og logoen sitter godt innenfor sirkelen, så de tåler en rund beskjæring.

Hele navnet i OpenCode-bokstavformene. Bruk det der det er plass til å skrive ut navnet.

En ensfarget versjon av ordmerket, for trykk, brodering og steder som bare tillater én farge.

Velg versjonen som holder logoen tydelig på bakgrunnen din, altså mørk på lyse bakgrunner og lys på mørke. Logoen og ordmerket er separate filer. Bruk den ene eller den andre.

Logoen du bruker nesten overalt. Den indre skyggen er gjennomsiktig. På hvitt eller svart ser den nøyaktig ut som de tofargede gråtonene, og på bilder, gradienter og farger skinner bakgrunnen gjennom.

Logo

Ordmerke

Én farge, med åpne punsjer og uten indre skygge. Bruk den på ensfargede bakgrunner, for trykk i én farge og overalt der du ikke kan bruke gråtonene, enkel mørk på lyse farger og enkel lys på mørke farger.

Ordmerke

Logoen og ordmerket bruker én farge i tre opasiteter, med en lysere farge for mørke bakgrunner. Verdiene under er fargen over hvitt eller #0B0B0B, slik standardfilene viser den. Klikk på en verdi for å kopiere den.

  • FargeOmrisset av logoen og bokstavene i «code».
  • Farge 70%Bokstavene i «open». Fargen med 70% opasitet.
  • Farge 20%Den indre skyggen i logoen. Fargen med 20% opasitet.

  • FargeOmrisset av logoen og bokstavene i «code».
  • Farge 72%Bokstavene i «open». Fargen med 72% opasitet.
  • Farge 28%Den indre skyggen i logoen. Fargen med 28% opasitet.

Bruk de lyse versjonene på lyse bakgrunner og de mørke versjonene på mørke bakgrunner. Logoen og ordmerket er separate. Bruk den ene eller den andre, ikke begge sammen.

  • 1 strek1 strek

    Hold minst to streker avstand på alle sider av logoen og ordmerket. For logoen er en strek tykkelsen på omrisset, en firedel av bredden. For ordmerket er det tykkelsen på bokstavene, en sjudel av høyden.
  • Sørg for at hver kant og streken på 4px havner på hele piksler.
    Unngå å gi logoen andre proporsjoner enn 4:5, ellers havner kantene mellom piksler og blir uskarpe.

    Proporsjonene til logoen er låst til 4:5, og én strek er en firedel av bredden. Skaler den i steg på 4 × 5px, så hver kant og hver strek havner på en hel piksel.
    LogoStrek
    16 × 20px4px
    20 × 25px5px
    24 × 30px6px
    32 × 40px8px
    48 × 60px12px
    64 × 80px16px
    OrdmerkeStrek
    78 × 14px2px
    117 × 21px3px
    156 × 28px4px
    195 × 35px5px
    234 × 42px6px
    312 × 56px8px
  • Logo

    Minst 16 × 20px, med en strek på 4px. Mindre enn det blir den uskarp.
  • Ordmerke

    Minst 117 × 21px, med en strek på 3px. Mindre enn det blir det uskarpt.

Vanlige feil du bør unngå når du bruker logoen og ordmerket.

  • Unngå å fargelegge logoen i nye farger.
  • Unngå å bruke én sterk farge.
  • Unngå å fylle logoen med en gradient.
  • Unngå å bytte om tonene.
  • Unngå å strekke eller klemme logoen.
  • Unngå å legge til skygger.
  • Unngå å legge til glød eller omriss.
  • Unngå å sette andre ord ved siden av logoen.
  • Unngå å bruke grått på grått med lav kontrast.
  • Unngå å sette den grå tofargede logoen på en farget bakgrunn, der gråtonene blir grumsete.

Plugins, leverandører og verktøy som fungerer med OpenCode, og prosjekter som er bygget med det, kan si det. Bruk et merke eller en partnerlockup, og gi prosjektet et navn som gjør det tydelig at det er ditt.

Sett et merke i README-en, dokumentasjonen eller på nettstedet ditt, og lenk det til opencode.ai. Velg den lyse eller mørke filen for bakgrunnen din (HTML-en bytter av seg selv), og ikke endre fargene eller teksten. Alle stiler finnes i 20, 32 og 44px (Shields bare i 20px), som SVG og som PNG i 2×.

For plugins, leverandører og verktøy som kjører med OpenCode.

Ramme

Celler

Helfarge

Shields

Ramme

Celler

Helfarge

Shields

Ramme

Celler

Helfarge

Shields

For prosjekter laget med OpenCode.

Ramme

Celler

Helfarge

Shields

Ramme

Celler

Helfarge

Shields

Ramme

Celler

Helfarge

Shields

Sett OpenCode-logoen og partnerlogoen side om side, med en × mellom. Hold 3 streker avstand på hver side av ×, skaler partnerlogoen så den ser like høy ut som OpenCode-logoen, og hold frirom rundt hele lockupen.

  • OpenCode × GitHub, Lyst
  • OpenCode × GitHub, Mørkt

Start med ditt eget navn, så det er tydelig at prosjektet er ditt.

Skriv Linear for OpenCode, eller gi pakken navnet opencode-linear. Ikke skriv OpenCode Linear eller Linear by OpenCode.

OpenCode og OpenCode-logoen er varemerker som tilhører Anomaly. Ikke bruk dem til å antyde at Anomaly støtter eller sponser deg, i produkt- eller firmanavnet ditt eller på merchandise uten tillatelse. Spørsmål kan sendes til press@opencode.ai.