Guide de marque
Ressources et éléments pour vous aider à travailler avec la marque OpenCode.
Écrivez OpenCode en un seul mot, avec un O et un C majuscules. N'écrivez pas Opencode, Open Code, OpenCode AI ou Open-Code.
Utilisez opencode en minuscules uniquement dans le code et les noms de paquets, comme opencode-figma ou @acme/opencode-plugin.
Le logo seul, pour les icônes d'app, les avatars et les petits espaces. Les versions carrées ajoutent une marge pour les endroits qui recadrent en carré.
Des avatars carrés de 1024px pour Slack, Discord, GitHub et d'autres profils. Le fond remplit tout le carré et le logo reste bien à l'intérieur du cercle, pour résister à un recadrage rond.
Sombre
Clair
Choisissez la version qui garde le logo lisible sur votre fond, sombre sur fond clair et claire sur fond sombre. Le logo et le logotype sont des fichiers distincts, donc utilisez l'un ou l'autre.
Le logo à utiliser presque partout. Son ombre intérieure est transparente. Sur du blanc ou du noir, il ressemble exactement à la version bicolore grise, et sur les photos, les dégradés et les couleurs, le fond transparaît.
Une seule couleur, avec des contreformes ouvertes et sans ombre intérieure. Utilisez-le sur des fonds de couleur unie, pour l'impression en une couleur et partout où les gris ne conviennent pas, en simple sombre sur les couleurs claires et en simple clair sur les couleurs sombres.
Le logo et le logotype utilisent une seule encre à trois opacités, avec une encre plus claire pour les fonds sombres. Les valeurs ci-dessous sont cette encre sur du blanc ou du #0B0B0B, comme dans les fichiers standards. Cliquez sur une valeur pour la copier.
- EncreLe contour du logo et les lettres de « code ».
- Encre 70%Les lettres de « open ». L'encre à 70% d'opacité.
- Encre 20%L'ombre intérieure du logo. L'encre à 20% d'opacité.
- EncreLe contour du logo et les lettres de « code ».
- Encre 72%Les lettres de « open ». L'encre à 72% d'opacité.
- Encre 28%L'ombre intérieure du logo. L'encre à 28% d'opacité.
Utilisez les versions claires sur fond clair et les versions sombres sur fond sombre. Le logo et le logotype sont distincts, donc utilisez l'un ou l'autre, jamais les deux ensemble.
Gardez au moins deux traits d'espace de chaque côté du logo et du logotype. Pour le logo, un trait correspond à l'épaisseur de son contour, soit un quart de sa largeur. Pour le logotype, c'est l'épaisseur de ses lettres, soit un septième de sa hauteur.
Toujours garder chaque bord et le trait de 4px sur des pixels entiers. Ne jamais dimensionner le logo hors du 4:5, sinon ses bords tombent entre les pixels et deviennent flous. Les proportions du logo sont fixées à 4:5, et un trait fait un quart de sa largeur. Redimensionnez-le par paliers de 4 × 5px, pour que chaque bord et chaque trait tombent sur un pixel entier.
Logo Trait 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Logotype Trait 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Au moins 16 × 20px, avec un trait de 4px. En dessous, il devient flou.Logotype
Au moins 117 × 21px, avec un trait de 3px. En dessous, il devient flou.
Les erreurs courantes à éviter quand vous utilisez le logo et le logotype.
Ne jamais recolorer le logo avec de nouvelles couleurs. Ne jamais utiliser une seule couleur vive. Ne jamais remplir le logo avec un dégradé. Ne jamais inverser les tons. Ne jamais étirer ou écraser le logo. Ne jamais ajouter des ombres portées. Ne jamais ajouter des halos ou des contours. Ne jamais placer d'autres mots à côté du logo. Ne jamais utiliser du gris sur gris peu contrasté. Ne jamais placer le logo bicolore gris sur un fond coloré, où ses gris deviennent ternes.
Les plugins, fournisseurs et outils qui fonctionnent avec OpenCode, et les projets créés avec lui, peuvent le dire. Utilisez un badge ou un lockup partenaire, et nommez votre projet de façon à montrer clairement qu'il vous appartient.
Placez un badge dans votre README, votre doc ou votre site et faites-le pointer vers opencode.ai. Choisissez le fichier clair ou sombre selon votre fond (le HTML bascule tout seul), et ne modifiez ni les couleurs ni le texte. Chaque style existe en 20, 32 et 44px (Shields uniquement en 20px), en SVG et en PNG à 2×.
Pour les plugins, fournisseurs et outils qui fonctionnent avec OpenCode.
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Pour les projets réalisés avec OpenCode.
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Clair
Sombre
Cadre
- Clair
- Sombre
Cellules
Clair
Sombre
Plein
Clair
Sombre
Shields
Clair
Sombre
Placez le logo OpenCode et le logo partenaire côte à côte, avec un × entre les deux. Laissez 3 traits d'espace de chaque côté du ×, dimensionnez le logo partenaire pour qu'il paraisse aussi haut que le logo OpenCode, et gardez un espace libre autour de l'ensemble.
- OpenCode × GitHub, Clair
- OpenCode × GitHub, Sombre
Commencez par votre propre nom, pour montrer clairement que le projet vous appartient.
Écrivez Linear for OpenCode ou nommez le paquet opencode-linear. N'écrivez pas OpenCode Linear ni Linear by OpenCode.
OpenCode et le logo OpenCode sont des marques d'Anomaly. Ne les utilisez pas pour laisser entendre qu'Anomaly vous soutient ou vous sponsorise, ni dans le nom de votre produit ou de votre entreprise, ni sur des produits dérivés sans autorisation. Pour toute question, écrivez à press@opencode.ai.