Markenrichtlinien
Ressourcen und Assets, die dir helfen, mit der OpenCode-Marke zu arbeiten.
Schreib OpenCode als ein Wort, mit großem O und großem C. Schreib nicht Opencode, Open Code, OpenCode AI oder Open-Code.
Nutze das kleingeschriebene opencode nur in Code und Paketnamen, etwa opencode-figma oder @acme/opencode-plugin.
Das Logo allein, für App-Icons, Avatare und andere kleine Flächen. Die quadratischen Versionen haben Innenabstand für Orte, die auf ein Quadrat zuschneiden.
Wähle die Version, mit der das Logo auf deinem Hintergrund klar bleibt, also dunkel auf hellen und hell auf dunklen Hintergründen. Logo und Wortmarke sind getrennte Dateien. Nutze das eine oder das andere.
Das Logo für fast alle Fälle. Seine innere Schattierung ist transparent. Auf Weiß oder Schwarz sieht es genau wie die zweifarbigen Grautöne aus, und auf Fotos, Verläufen und Farben scheint der Hintergrund durch.
Eine Farbe, mit offenen Innenräumen und ohne innere Schattierung. Nutze sie auf flachen farbigen Hintergründen, für einfarbigen Druck und überall, wo die Grautöne nicht gehen, einfach dunkel auf hellen Farben und einfach hell auf dunklen Farben.
Logo und Wortmarke nutzen eine Farbe in drei Deckkräften, mit einer helleren Farbe für dunkle Hintergründe. Die Werte unten zeigen diese Farbe auf Weiß oder #0B0B0B, wie in den Standarddateien. Klick auf einen Wert, um ihn zu kopieren.
- FarbeDie Kontur des Logos und die Buchstaben von „code“.
- Farbe 70%Die Buchstaben von „open“. Die Farbe mit 70% Deckkraft.
- Farbe 20%Die innere Schattierung des Logos. Die Farbe mit 20% Deckkraft.
- FarbeDie Kontur des Logos und die Buchstaben von „code“.
- Farbe 72%Die Buchstaben von „open“. Die Farbe mit 72% Deckkraft.
- Farbe 28%Die innere Schattierung des Logos. Die Farbe mit 28% Deckkraft.
Nutze die hellen Versionen auf hellen Hintergründen und die dunklen Versionen auf dunklen Hintergründen. Logo und Wortmarke sind getrennt. Nutze das eine oder das andere, nicht beide zusammen.
Lass auf jeder Seite von Logo und Wortmarke mindestens zwei Striche Platz. Beim Logo ist ein Strich die Stärke seiner Kontur, ein Viertel seiner Breite. Bei der Wortmarke ist es die Stärke ihrer Buchstaben, ein Siebtel ihrer Höhe.
Achte darauf, jede Kante und den 4px-Strich auf ganzen Pixeln zu halten. Vermeide es, das Logo abweichend von 4:5 zu skalieren, sonst fallen die Kanten zwischen Pixel und verschwimmen. Die Proportionen des Logos sind auf 4:5 festgelegt, und ein Strich ist ein Viertel seiner Breite. Skaliere es in Schritten von 4 × 5px, damit jede Kante und jeder Strich auf einem ganzen Pixel liegt.
Logo Strich 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Wortmarke Strich 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Mindestens 16 × 20px, mit einem 4px-Strich. Kleiner wird es unscharf.Wortmarke
Mindestens 117 × 21px, mit einem 3px-Strich. Kleiner wird es unscharf.
Häufige Fehler, die du bei Logo und Wortmarke vermeiden solltest.
Vermeide es, das Logo in neuen Farben einzufärben. Vermeide es, eine einzelne grelle Farbe zu verwenden. Vermeide es, das Logo mit einem Verlauf zu füllen. Vermeide es, die Töne zu vertauschen. Vermeide es, das Logo zu strecken oder zu stauchen. Vermeide es, Schlagschatten hinzuzufügen. Vermeide es, Leuchteffekte oder Konturen hinzuzufügen. Vermeide es, andere Wörter neben das Logo zu setzen. Vermeide es, kontrastarmes Grau auf Grau zu verwenden. Vermeide es, das graue zweifarbige Logo auf einen farbigen Hintergrund zu setzen, wo seine Grautöne schmutzig wirken.
Plugins, Anbieter und Tools, die mit OpenCode funktionieren, und Projekte, die damit gebaut sind, dürfen das sagen. Nutze ein Badge oder ein Partner-Lockup und benenne dein Projekt so, dass klar ist, dass es deins ist.
Setz ein Badge in deine README, Doku oder Website und verlinke es auf opencode.ai. Wähle die helle oder dunkle Datei für deinen Hintergrund (das HTML wechselt von selbst) und ändere weder Farben noch Text. Jeder Stil kommt in 20, 32 und 44px (Shields nur in 20px), als SVG und als PNG in 2×.
Für Plugins, Anbieter und Tools, die mit OpenCode laufen.
Für Projekte, die mit OpenCode entstanden sind.
Stell das OpenCode-Logo und das Partnerlogo nebeneinander, mit einem × dazwischen. Lass auf jeder Seite des × 3 Striche Platz, skaliere das Partnerlogo so, dass es so hoch wirkt wie das OpenCode-Logo, und halte Schutzraum um das ganze Lockup.
- OpenCode × GitHub, Hell
- OpenCode × GitHub, Dunkel
Stell deinen eigenen Namen voran, damit klar ist, dass das Projekt deins ist.
Schreib Linear for OpenCode oder nenne das Paket opencode-linear. Schreib nicht OpenCode Linear oder Linear by OpenCode.
OpenCode und das OpenCode-Logo sind Marken von Anomaly. Nutze sie nicht, um zu suggerieren, dass Anomaly dich unterstützt oder sponsert, nicht in deinem Produkt- oder Firmennamen und nicht ohne Erlaubnis auf Merchandise. Bei Fragen schreib an press@opencode.ai.