لوحة العلامة
ألوان علامة Apothem الأساسية وألوان العلامة الخمسة عشر للهارنسات. المصدر الوحيد للحقيقة هو رموز التصميم القانونية في assets/design-tokens.css؛ ويعكس الموقع تلك القيم.
اللوحة الأساسية
اللوحة القانونية — مدرّج slate المحايد، ومدرّج التمييز emerald،
والدرجات الدلالية — يملكها رموز التصميم في
assets/design-tokens.css
(ومرآتها assets/design-tokens.json). أمّا سمة الموقع في
site/app/global.css
فتعكس قيم تلك الرموز إلى متغيّرات CSS التي تستهلكها سمة Fumadocs. وكل
قيمة أدناه تتتبّع إلى خطوة مدرّج قانونية.
| الدور | الرمز (CSS) | الوضع الفاتح | الوضع الداكن | الاستخدام |
|---|---|---|---|---|
| أساسي | --brand-text | slate-900 #0f172a | slate-50 #f8fafc | العناوين، ونص التنقّل، وأسطح القراءة الأساسية. |
| تمييز | --sl-color-accent | emerald-600 #059669 | emerald-400 #34d399 | الروابط النشطة، وحلقات التركيز، والتنقّل المُحدَّد. |
| نص المتن | --brand-muted | slate-600 #475066 | slate-300 #c2ccda | نص المتن الافتراضي. |
| أرضية المتن | --brand-surface | white #ffffff | slate-900 #0f172a | الخلفية الافتراضية. |
| أرضية التنقّل | --brand-surface-muted | slate-50 #f8fafc | slate-950 #080c15 | أشرطة الترويسة والتنقّل. |
| أرضية الشِفرة | --brand-code-bg | slate-900 #0f172a | slate-950 #080c15 | أسطح الشِفرة السطرية / الكتلية. |
لوحة الهارنس
تعيش ألوان الهارنس في ألوان الهارنس. أمّا التعيين الهندسي
على سداسي علامة Apothem — عُقدتها المركزية وعُقدتها الطرفية — فمطويٌّ ضمن قسم
العلامة. ومصدر الحقيقة بصيغة CSS في
site/app/global.css
يربط كل رمز بمتغيّر CSS الخاص به.
الاستخدام في التوثيق
تُربَط اللوحة عبر صحيفة الأنماط العامة site/app/global.css، التي يستوردها
التخطيط الجذري. وتتبدّل متغايرات الوضع الفاتح والداكن تبعًا لحالة الصنف .dark
في السمة.
التحديثات
لا تُحدَّث اللوحة إلا عندما يتغيّر لون أساسي (slate / emerald) أو
يصادق هارنس على تغيير في لون العلامة في المنبع. وتنتشر التغييرات لكل هارنس انتشارًا ذرّيًّا
عبر site/app/global.css وألوان الهارنس
وكل قالب SVG أساسي متأثّر تحت assets/src/.
إرشادات العلامة التجارية
انضباط تسمية علامة Apothem، وأشكال الشعار، ولوحة الألوان، وإرشادات الأصول من أجل تطبيق متّسق للعلامة التجارية.
ألوان علامة إطار العمل
لوحة ألوان العلامة لكل إطار عمل المُستخدَمة عبر موقع مشروع Apothem وعلامة Apothem وكل مخطط معماري. مصدر واحد للحقيقة — سبعة عشر لونًا للعلامة، ومحور apothem واحد.