Brandretningslinjer
Ressourcer og assets, der hjælper dig med at arbejde med OpenCode-brandet.
Skriv OpenCode i ét ord med stort O og stort C. Skriv ikke Opencode, Open Code, OpenCode AI eller Open-Code.
Brug kun opencode med små bogstaver i kode og pakkenavne, som opencode-figma eller @acme/opencode-plugin.
Logoet alene, til appikoner, avatarer og andre små flader. De kvadratiske versioner har ekstra luft til steder, der beskærer til et kvadrat.
Vælg den version, der holder logoet tydeligt på din baggrund, altså mørk på lyse baggrunde og lys på mørke. Logoet og ordmærket er separate filer. Brug det ene eller det andet.
Logoet, du bruger næsten overalt. Den indre skygge er gennemsigtig. På hvid eller sort ligner det præcis de tofarvede gråtoner, og på fotos, gradienter og farver skinner baggrunden igennem.
Logoet og ordmærket bruger én farve i tre opaciteter, med en lysere farve til mørke baggrunde. Værdierne nedenfor er farven på hvid eller #0B0B0B, som standardfilerne viser den. Klik på en værdi for at kopiere den.
- FarveLogoets kontur og bogstaverne i »code«.
- Farve 70%Bogstaverne i »open«. Farven med 70% opacitet.
- Farve 20%Logoets indre skygge. Farven med 20% opacitet.
- FarveLogoets kontur og bogstaverne i »code«.
- Farve 72%Bogstaverne i »open«. Farven med 72% opacitet.
- Farve 28%Logoets indre skygge. Farven med 28% opacitet.
Brug de lyse versioner på lyse baggrunde og de mørke versioner på mørke baggrunde. Logoet og ordmærket er separate. Brug det ene eller det andet, ikke begge sammen.
Hold mindst to stregers afstand på alle sider af logoet og ordmærket. For logoet er en streg tykkelsen af dets kontur, en fjerdedel af bredden. For ordmærket er det tykkelsen af bogstaverne, en syvendedel af højden.
Sørg for at hver kant og stregen på 4px lander på hele pixels. Undgå at give logoet andre proportioner end 4:5, ellers falder kanterne mellem pixels og bliver slørede. Logoets proportioner er låst til 4:5, og én streg er en fjerdedel af dets bredde. Skaler det i trin på 4 × 5px, så hver kant og hver streg lander på en hel pixel.
Logo Streg 16 × 20px 4px 20 × 25px 5px 24 × 30px 6px 32 × 40px 8px 48 × 60px 12px 64 × 80px 16px Ordmærke Streg 78 × 14px 2px 117 × 21px 3px 156 × 28px 4px 195 × 35px 5px 234 × 42px 6px 312 × 56px 8px Logo
Mindst 16 × 20px med en streg på 4px. Mindre end det bliver det sløret.Ordmærke
Mindst 117 × 21px med en streg på 3px. Mindre end det bliver det sløret.
Almindelige fejl, du skal undgå, når du bruger logoet og ordmærket.
Undgå at farve logoet i nye farver. Undgå at bruge én skarp farve. Undgå at fylde logoet med en gradient. Undgå at bytte om på tonerne. Undgå at strække eller klemme logoet. Undgå at tilføje skygger. Undgå at tilføje glød eller konturer. Undgå at sætte andre ord ved siden af logoet. Undgå at bruge grå på grå med lav kontrast. Undgå at sætte det grå tofarvede logo på en farvet baggrund, hvor gråtonerne bliver mudrede.
Plugins, udbydere og værktøjer, der virker med OpenCode, og projekter bygget med det, må gerne sige det. Brug et badge eller et partner-lockup, og navngiv dit projekt, så det er tydeligt, at det er dit.
Sæt et badge i din README, dokumentation eller på dit website, og link det til opencode.ai. Vælg den lyse eller mørke fil til din baggrund (HTML'en skifter selv), og ændr ikke farverne eller teksten. Alle stilarter findes i 20, 32 og 44px (Shields kun i 20px), som SVG og som PNG i 2×.
Til plugins, udbydere og værktøjer, der kører med OpenCode.
Til projekter lavet med OpenCode.
Placer OpenCode-logoet og partnerlogoet side om side med et × imellem. Hold 3 stregers afstand på hver side af ×, skaler partnerlogoet, så det ser lige så højt ud som OpenCode-logoet, og hold frirum rundt om hele lockuppet.
- OpenCode × GitHub, Lyst
- OpenCode × GitHub, Mørkt
Start med dit eget navn, så det er tydeligt, at projektet er dit.
Skriv Linear for OpenCode, eller kald pakken opencode-linear. Skriv ikke OpenCode Linear eller Linear by OpenCode.
OpenCode og OpenCode-logoet er varemærker tilhørende Anomaly. Brug dem ikke til at antyde, at Anomaly støtter eller sponsorerer dig, i dit produkt- eller firmanavn eller på merchandise uden tilladelse. Spørgsmål kan sendes til press@opencode.ai.