ألوان علامة إطار العمل

لوحة ألوان العلامة لكل إطار عمل المُستخدَمة عبر موقع مشروع 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 — المركز الهندسي الذي يستحضره الاسم (دبّوس المضلّع المنتظم — apothem — يشير إلى الداخل نحو نواته).
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 وهذه الصفحة وكل ملف SVG رئيسي متأثّر تحت assets/src/.