Skip to content
Apothem
ब्रांड दिशानिर्देश

हार्नेस ब्रांड रंग

Apothem प्रोजेक्ट वेबसाइट, Apothem मार्क, और हर आर्किटेक्चर डायग्राम में उपयोग की जाने वाली प्रति-हार्नेस ब्रांड-रंग पैलेट। एक सत्य का स्रोत — सत्रह ब्रांड रंग, एक apothem हब।

नीचे दी गई विहित ब्रांड-नाम × रंग-कोड गणनाएँ एक text फेंस में लपेटी गई हैं ताकि पैलेट के कैटलॉग प्रयोजन द्वारा आवश्यक प्रति-हार्नेस शब्दशः पहचानकर्ता संरक्षित रहें।

Apothem कोर

टोकनहल्कागहराउपयोग
apothem-hub#0F172A#F1F5F9हर आर्किटेक्चर डायग्राम में केंद्रीय वितरण नोड ("apothem"), और Apothem मार्क का केंद्रीय हब।
shared-profile#10B981#34D399वह सत्य-का-स्रोत प्रोफ़ाइल जो apothem कोर को फ़ीड करती है।

हार्नेस पैलेट

सत्रह में से पंद्रह हार्नेस को उनकी प्राथमिक ब्रांड पहचान से मेल खाने के लिए रंगा गया है। शेष दो — glm और kimi-code — का अभी कोई परिभाषित ब्रांड रंग नहीं है; अद्यतन के अंतर्गत दिए गए प्रसार चरण के अनुसार, ऊपरी-धारा का ब्रांड रंग तय हो जाने पर उनकी पंक्तियाँ जोड़ी जाती हैं।

| Token             | Light     | Dark      | Source                                                                                                                                              |
|-------------------|-----------|-----------|-----------------------------------------------------------------------------------------------------------------------------------------------------|
| `antigravity`     | `#7C3AED` | `#9F67FF` | Google Antigravity deep-purple.                                                                                                                     |
| `claude-code`     | `#CC785C` | `#E89378` | Anthropic terracotta-orange.                                                                                                                        |
| `codebuddy`       | `#0052D9` | `#5E8EF7` | Tencent CodeBuddy blue.                                                                                                                             |
| `codex`           | `#10A37F` | `#19C796` | OpenAI signature teal.                                                                                                                              |
| `cursor`          | `#6E56CF` | `#9B85E3` | Cursor brand purple.                                                                                                                                |
| `gemini-cli`      | `#4285F4` | `#6BA4F7` | Google blue (primary); the Apothem mark renders the node with all four Google brand hues `#4285F4` / `#34A853` / `#FBBC04` / `#EA4335`.             |
| `github-copilot`  | `#0A3069` | `#5B8FE3` | GitHub Mona deep-blue.                                                                                                                              |
| `hermes`          | `#71717A` | `#A1A1AA` | Community silver-grey.                                                                                                                              |
| `kiro`            | `#790ECB` | `#A862DD` | Kiro violet.                                                                                                                                        |
| `open-claw`       | `#DC2626` | `#F87171` | Community red-orange.                                                                                                                               |
| `opencode`        | `#F59E0B` | `#FBBF24` | Community amber.                                                                                                                                    |
| `qwen-code`       | `#FF6A00` | `#FF8C40` | Alibaba Qwen orange.                                                                                                                                |
| `trae`            | `#FF0066` | `#FF599C` | ByteDance Trae magenta.                                                                                                                             |
| `windsurf`        | `#0EA5E9` | `#38BDF8` | Windsurf sky-blue.                                                                                                                                  |
| `zed`             | `#084CCF` | `#5E8BE0` | Zed Industries blue.                                                                                                                                |

नामकरण का तर्क

  • apothem-hub — वह ज्यामितीय केंद्र जिसे नाम उद्घाटित करता है (एक नियमित बहुभुज का अपोथेम भीतर की ओर, उसके कोर की ओर इंगित करता है)।
  • shared-profile — ऊपरी-धारा का स्रोत, किसी भी एकल हार्नेस रंग से भिन्न, ताकि यह हर डायग्राम में "इनपुट" तीर के रूप में पढ़ा जाए।
  • प्रति-हार्नेस टोकन कोडबेस भर में उपयोग किए गए हार्नेस slug को प्रतिबिंबित करते हैं (harnesses/<slug>/, एंट्री-पॉइंट कुंजी, CLI का --harness <slug> तर्क)। प्रति अवधारणा एक शब्द; हर जगह वही स्ट्रिंग।

Mermaid उपयोग

graph LR
    P["shared profile"]:::shared-profile --> A["apothem"]:::apothem-hub
    A --> AG["Antigravity"]:::antigravity
    A --> CC["Claude Code"]:::claude-code
    A --> CB["CodeBuddy"]:::codebuddy
    A --> CO["Codex"]:::codex
    A --> CU["Cursor"]:::cursor
    A --> GE["Gemini CLI"]:::gemini-cli
    A --> GC["GitHub Copilot"]:::github-copilot
    A --> HE["Hermes"]:::hermes
    A --> KI["Kiro"]:::kiro
    A --> OW["Open-Claw"]:::open-claw
    A --> OC["OpenCode"]:::opencode
    A --> QW["Qwen Code"]:::qwen-code
    A --> TR["Trae"]:::trae
    A --> WI["Windsurf"]:::windsurf
    A --> ZE["Zed"]:::zed

    classDef apothem-hub fill:#0F172A,stroke:#0F172A,color:#FFFFFF
    classDef shared-profile fill:#10B981,stroke:#10B981,color:#FFFFFF
    classDef antigravity fill:#7C3AED,stroke:#7C3AED,color:#FFFFFF
    classDef claude-code fill:#CC785C,stroke:#CC785C,color:#FFFFFF
    classDef codebuddy fill:#0052D9,stroke:#0052D9,color:#FFFFFF
    classDef codex fill:#10A37F,stroke:#10A37F,color:#FFFFFF
    classDef cursor fill:#6E56CF,stroke:#6E56CF,color:#FFFFFF
    classDef gemini-cli fill:#4285F4,stroke:#4285F4,color:#FFFFFF
    classDef github-copilot fill:#0A3069,stroke:#0A3069,color:#FFFFFF
    classDef hermes fill:#71717A,stroke:#71717A,color:#FFFFFF
    classDef kiro fill:#790ECB,stroke:#790ECB,color:#FFFFFF
    classDef open-claw fill:#DC2626,stroke:#DC2626,color:#FFFFFF
    classDef opencode fill:#F59E0B,stroke:#F59E0B,color:#FFFFFF
    classDef qwen-code fill:#FF6A00,stroke:#FF6A00,color:#FFFFFF
    classDef trae fill:#FF0066,stroke:#FF0066,color:#FFFFFF
    classDef windsurf fill:#0EA5E9,stroke:#0EA5E9,color:#FFFFFF
    classDef zed fill:#084CCF,stroke:#084CCF,color:#FFFFFF

अभिगम्यता

प्रत्येक हल्के-मोड टोकन सफ़ेद टेक्स्ट के विरुद्ध WCAG 2.2 AA कंट्रास्ट (≥4.5 : 1) को वहाँ पूरा करता है जहाँ कंट्रास्ट ब्रांड रंग को विकृत किए बिना इसकी अनुमति देता है। जहाँ किसी हार्नेस का मूल ब्रांड रंग अकेले सफ़ेद टेक्स्ट के विरुद्ध AA सीमा से नीचे गिरता है (विशेष रूप से ऊपर सूचीबद्ध एम्बर / नारंगी परिवार और स्काई-ब्लू / टील परिवार के टोकन), वहाँ ऐसे डायग्राम जिन्हें WCAG AA टेक्स्ट-ऑन-कलर कंट्रास्ट चाहिए, डायग्राम भराव के रूप में डार्क-मोड वैरिएंट (उठाई गई आभा) का उपयोग करते हैं ताकि सफ़ेद टेक्स्ट स्पष्ट रूप से पढ़ा जाए। डार्क-मोड कॉलम इसी प्रयोजन के लिए कैलिब्रेट किया गया है: प्रत्येक डार्क-मोड टोकन सफ़ेद टेक्स्ट के विरुद्ध AA को पार कर लेता है।

अद्यतन

पैलेट केवल तभी अद्यतन होती है जब कोई हार्नेस ऊपरी-धारा में किसी ब्रांड परिवर्तन की पुष्टि करता है। प्रति-हार्नेस ब्रांड परिवर्तन site/app/global.css, इस पृष्ठ, और assets/src/ के अंतर्गत प्रत्येक प्रभावित SVG मास्टर भर में परमाणविक रूप से प्रसारित होते हैं।

On this page