ألوان علامات أُطُر العمل
لوحة الألوان الخاصة بكل إطار عمل المُستخدَمة عبر موقع مشروع Apothem وفي كل مخطط معماري. مصدر واحد للحقيقة: لون واحد لكل إطار عمل، ومحور apothem واحد.
التعدادات القانونية لأسماء العلامات × رموز الألوان أدناه محاطة بسياج text للحفاظ حرفيًا على المُعرِّفات الخاصة بكل إطار عمل التي يتطلّبها الغرض الفهرسي للوحة.
نواة Apothem
| الرمز | فاتح | داكن | الاستخدام |
|---|---|---|---|
apothem-hub | #0F172A | #F1F5F9 | عقدة التوزيع المركزية («apothem») في كل مخطط معماري. |
shared-profile | #10B981 | #34D399 | الملف التعريفي الذي هو مصدر الحقيقة ويغذّي نواة apothem. |
لوحة أُطُر العمل
خمسة عشر من أُطُر العمل السبعة عشر ملوّنة بما يطابق هوية علامتها الأساسية، كي يستطيع
القارئ التمييز بين الأدوات في المخطط. أما علامة 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. |
| `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 اسم أداة إلا ليبيّن أيّ أداة يُعِدّها، ولا يستخدم لون أداة إلا لتمييزها في مخطط. Apothem مشروع مستقل؛ فهو غير تابع لأيٍّ من هذه الشركات أو المشاريع، ولا يحظى برعايتها ولا بمصادقتها، ولا يشحن أيًّا من شعاراتها.
مبرّرات التسمية
apothem-hub— المركز الهندسي الذي يستحضره الاسم (عامد المضلّع المنتظم، apothem، يشير إلى الداخل نحو نواته).shared-profile— المصدر في المنبع، متميّز عن لون أي إطار عمل منفرد كي يُقرأ بوصفه سهم «المُدخَل» في كل مخطط.- الرموز الخاصة بكل إطار عمل تعكس المُعرِّف المختصر لإطار العمل المستخدَم في كامل قاعدة الشيفرة (
harnesses/<slug>/، ومفتاح نقطة الدخول، والوسيط--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). وتحقّقه رموز الوضع الفاتح الأخرى. والثمانية، مع تباين كلٍّ منها مقابل الأبيض:
shared-profile 2.54 : 1
claude-code 3.28 : 1
codex 3.20 : 1
gemini-cli 3.56 : 1
opencode 2.15 : 1
qwen-code 2.87 : 1
trae 3.86 : 1
windsurf 2.77 : 1عمود الوضع الداكن مخصّص للاستخدام على الخلفيات الداكنة، ولا يبلغ أيٌّ من رموزه 4.5 : 1 مقابل النص الأبيض. ويضبط مثال Mermaid أعلاه نصًّا أبيض على كل تعبئة، ولذلك لا تبلغ تسمياته على تلك التعبئات الثماني 4.5 : 1. والمخطط الذي يحتاج إلى تباين WCAG AA للنص على اللون في إحدى تلك التعبئات الثماني يجب أن يستخدم نصًّا داكنًا (#0F172A، الذي يُقاس عليها بين 4.63 : 1 و8.31 : 1) بدلًا من الأبيض.
التحديثات
لا تُحدَّث اللوحة إلا حين يعتمد إطار عمل تغييرًا في علامته في المنبع. وألوان أُطُر العمل مُعرَّفة في هذه الصفحة، لا في assets/design-tokens.css ولا في site/app/global.css. وتنتشر تغييرات العلامة الخاصة بكل إطار عمل انتشارًا ذرّيًا عبر هذه الصفحة وكل ملف SVG رئيسي متأثّر تحت assets/src/.
لوحة العلامة
ألوان علامة Apothem الأساسية وألوان علامة أُطُر العمل الخمسة عشر، المُعرَّفة في صفحة «ألوان علامات أُطُر العمل». المصدر الوحيد للحقيقة بالنسبة إلى الألوان الأساسية هو رموز التصميم المرجعية في assets/design-tokens.css؛ ويعكس الموقع تلك القيم.
استخدام الشعار
قواعد استخدام الشعار، بما في ذلك المتغيّرات وأحجام النقطية ومتطلّبات المساحة الفارغة والاستخدامات المسموح بها مقابل المحظورة.