Linee guida del brand
Risorse e asset per aiutarti a lavorare con il brand OpenCode.
Scrivi OpenCode come una sola parola, con la O e la C maiuscole. Non scrivere Opencode, Open Code, OpenCode AI o Open-Code.
Usa opencode in minuscolo solo nel codice e nei nomi dei pacchetti, come opencode-figma o @acme/opencode-plugin.
Il logo da solo, per icone di app, avatar e altri spazi piccoli. Le versioni quadrate aggiungono margine per i posti che ritagliano a quadrato.
Scegli la versione che mantiene il logo leggibile sul tuo sfondo, scura su sfondi chiari e chiara su sfondi scuri. Il logo e il logotipo sono file separati, quindi usa l'uno o l'altro.
Il logo da usare quasi ovunque. La sua ombra interna è trasparente. Su bianco o nero appare identico alla versione bicolore grigia, e su foto, sfumature e colori lascia trasparire lo sfondo.
Il logo e il logotipo usano un solo inchiostro a tre opacità, con un inchiostro più chiaro per gli sfondi scuri. I valori sotto sono quell'inchiostro su bianco o su #0B0B0B, come nei file standard. Fai clic su un valore per copiarlo.
- InchiostroIl contorno del logo e le lettere di «code».
- Inchiostro 70%Le lettere di «open». L'inchiostro al 70% di opacità.
- Inchiostro 20%L'ombra interna del logo. L'inchiostro al 20% di opacità.
- InchiostroIl contorno del logo e le lettere di «code».
- Inchiostro 72%Le lettere di «open». L'inchiostro al 72% di opacità.
- Inchiostro 28%L'ombra interna del logo. L'inchiostro al 28% di opacità.
Usa le versioni chiare su sfondi chiari e quelle scure su sfondi scuri. Il logo e il logotipo sono separati, quindi usa l'uno o l'altro, mai entrambi insieme.
Lascia almeno due tratti di spazio su ogni lato del logo e del logotipo. Per il logo, un tratto è lo spessore del contorno, un quarto della larghezza. Per il logotipo, è lo spessore delle lettere, un settimo dell'altezza.
Ricorda di tenere ogni bordo e il tratto da 4px su pixel interi. Non dimensionare il logo fuori dal 4:5, o i bordi cadono tra i pixel e si sfocano. Le proporzioni del logo sono fisse a 4:5, e un tratto è un quarto della sua larghezza. Ridimensionalo a passi di 4 × 5px, così ogni bordo e ogni tratto cade su un pixel intero.
Logo Tratto 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Logotipo Tratto 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Almeno 16 × 20px, con un tratto da 4px. Più piccolo si sfoca.Logotipo
Almeno 117 × 21px, con un tratto da 3px. Più piccolo si sfoca.
Errori comuni da evitare quando usi il logo e il logotipo.
Non ricolorare il logo con nuovi colori. Non usare un solo colore acceso. Non riempire il logo con una sfumatura. Non invertire i toni. Non allungare o schiacciare il logo. Non aggiungere ombre esterne. Non aggiungere bagliori o contorni. Non mettere altre parole accanto al logo. Non usare grigio su grigio a basso contrasto. Non mettere il logo bicolore grigio su uno sfondo colorato, dove i grigi diventano spenti.
Plugin, provider e strumenti che funzionano con OpenCode, e i progetti creati con esso, possono dirlo. Usa un badge o un lockup partner, e dai al progetto un nome che chiarisca che è tuo.
Metti un badge nel README, nella documentazione o sul sito e collegalo a opencode.ai. Scegli il file chiaro o scuro in base allo sfondo (l'HTML cambia da solo) e non modificare colori o testo. Ogni stile è disponibile a 20, 32 e 44px (Shields solo a 20px), in SVG e in PNG a 2×.
Per plugin, provider e strumenti che funzionano con OpenCode.
Per progetti realizzati con OpenCode.
Metti il logo OpenCode e il logo del partner affiancati, con una × in mezzo. Lascia 3 tratti di spazio su ogni lato della ×, dimensiona il logo del partner perché sembri alto quanto il logo OpenCode e lascia spazio libero intorno all'intero lockup.
- OpenCode × GitHub, Chiaro
- OpenCode × GitHub, Scuro
Metti prima il tuo nome, così è chiaro che il progetto è tuo.
Scrivi Linear for OpenCode o chiama il pacchetto opencode-linear. Non scrivere OpenCode Linear o Linear by OpenCode.
OpenCode e il logo OpenCode sono marchi di Anomaly. Non usarli per far intendere che Anomaly ti sostiene o ti sponsorizza, nel nome del tuo prodotto o della tua azienda, o su merchandising senza permesso. Per domande, scrivi a press@opencode.ai.