Guías de marca
Recursos y activos para ayudarte a trabajar con la marca OpenCode.
Escribe OpenCode en una sola palabra, con O y C mayúsculas. No escribas Opencode, Open Code, OpenCode AI ni Open-Code.
Usa opencode en minúsculas solo en el código y en nombres de paquetes, como opencode-figma o @acme/opencode-plugin.
El logo solo, para iconos de apps, avatares y otros espacios pequeños. Las versiones cuadradas añaden margen para sitios que recortan en cuadrado.
Elige la versión que mantiene el logo nítido sobre tu fondo, oscura sobre fondos claros y clara sobre fondos oscuros. El logo y el logotipo son archivos distintos, así que usa uno u otro.
El logo que debes usar casi siempre. Su sombra interior es transparente. Sobre blanco o negro se ve igual que la versión bicolor gris, y sobre fotos, degradados y colores deja ver el fondo.
Un solo color, con contraformas abiertas y sin sombra interior. Úsalo sobre fondos de color plano, para impresión a una tinta y donde no puedas usar los grises, simple oscuro sobre colores claros y simple claro sobre colores oscuros.
El logo y el logotipo usan una sola tinta con tres opacidades, y una tinta más clara para fondos oscuros. Los valores de abajo son esa tinta sobre blanco o sobre #0B0B0B, como en los archivos estándar. Haz clic en un valor para copiarlo.
- TintaEl contorno del logo y las letras de «code».
- Tinta 70%Las letras de «open». La tinta al 70% de opacidad.
- Tinta 20%La sombra interior del logo. La tinta al 20% de opacidad.
- TintaEl contorno del logo y las letras de «code».
- Tinta 72%Las letras de «open». La tinta al 72% de opacidad.
- Tinta 28%La sombra interior del logo. La tinta al 28% de opacidad.
Usa las versiones claras sobre fondos claros y las oscuras sobre fondos oscuros. El logo y el logotipo son independientes, así que usa uno u otro, nunca los dos juntos.
Deja al menos dos trazos de espacio en cada lado del logo y del logotipo. En el logo, un trazo es el grosor de su contorno, una cuarta parte de su anchura. En el logotipo, es el grosor de sus letras, una séptima parte de su altura.
Hay que mantener cada borde y el trazo de 4px en píxeles enteros. No dimensionar el logo fuera de 4:5, o sus bordes caerán entre píxeles y se verán borrosos. Las proporciones del logo son fijas, 4:5, y un trazo es una cuarta parte de su anchura. Escálalo en pasos de 4 × 5px, para que cada borde y cada trazo caigan en un píxel entero.
Logo Trazo 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Logotipo Trazo 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Al menos 16 × 20px, con un trazo de 4px. Más pequeño se ve borroso.Logotipo
Al menos 117 × 21px, con un trazo de 3px. Más pequeño se ve borroso.
Errores habituales que debes evitar al usar el logo y el logotipo.
No cambiar el logo a otros colores. No usar un solo color llamativo. No rellenar el logo con un degradado. No intercambiar los tonos. No estirar o aplastar el logo. No añadir sombras paralelas. No añadir resplandores o contornos. No poner otras palabras junto al logo. No usar gris sobre gris con poco contraste. No poner el logo bicolor gris sobre un fondo de color, donde sus grises quedan apagados.
Los plugins, proveedores y herramientas que funcionan con OpenCode, y los proyectos creados con él, pueden decirlo. Usa una insignia o un lockup de partner, y pon a tu proyecto un nombre que deje claro que es tuyo.
Pon una insignia en tu README, tu documentación o tu web y enlázala a opencode.ai. Elige el archivo claro u oscuro según tu fondo (el HTML cambia solo), y no cambies los colores ni el texto. Cada estilo está disponible en 20, 32 y 44px (Shields solo en 20px), en SVG y en PNG a 2×.
Para plugins, proveedores y herramientas que funcionan con OpenCode.
Para proyectos hechos con OpenCode.
Pon el logo de OpenCode y el del partner uno al lado del otro, con una × entre ambos. Deja 3 trazos de espacio a cada lado de la ×, ajusta el logo del partner para que parezca tan alto como el de OpenCode y deja espacio libre alrededor de todo el conjunto.
- OpenCode × GitHub, Claro
- OpenCode × GitHub, Oscuro
Empieza por tu propio nombre, para que quede claro que el proyecto es tuyo.
Escribe Linear for OpenCode o llama al paquete opencode-linear. No escribas OpenCode Linear ni Linear by OpenCode.
OpenCode y el logo de OpenCode son marcas de Anomaly. No las uses para dar a entender que Anomaly te respalda o patrocina, ni en el nombre de tu producto o empresa, ni en merchandising sin permiso. Si tienes preguntas, escribe a press@opencode.ai.