أكاديمية Thinkera

هوية بصرية · تحديث 17 سبتمبر 2026

هوية أكاديمية Thinkera

تحديث يحفظ الأزرق الملكي الذي بُنيت عليه دروس المنهج، ويوحّد الموقع والمحتوى التعليمي في نظام واحد: الشعار نفسه، ونظام ألوان مقيس بالتباين، ومقياس خطوط واحد، ومكوّنات جاهزة.

١. الشعار

الشعار الكامل بالألوان
الشعار الكامل بالأبيض على خلفية داكنة
العلامة وحدها
أيقونة الموقع
ملفات الشعار وقواعد استخدامه
ما تغيّرالكلمة نفسها بالحروف نفسها؛ الجديد أن «think» بالأزرق الملكي و«era» بالأزرق السماوي، فصار في الاسم تدرّج يربط الموقع بالدروس. الأقواس والنقطة كما هي.
الملفاتthinkera-logo.svg بالألوان · thinkera-logo-white.svg للخلفيات الداكنة · thinkera-logo-mono.svg بلون واحد للطباعة · thinkera-mark.svg العلامة وحدها · favicon.svg للأيقونة.
المساحة الحرةلا يقترب أي عنصر من الشعار بأقل من ارتفاع الحرف «t» من كل جهة.
أصغر مقاسالشعار الكامل: 150 بكسل عرضاً على الشاشة. العلامة وحدها: 28 بكسل. الأيقونة: 16 بكسل (نسخة مبسّطة بقوس واحد ونقطة).
ممنوعتغيير ألوان الكلمة، أو إضافة ظل أو تدرّج، أو وضع الشعار بالألوان على خلفية داكنة (استخدم النسخة البيضاء)، أو تمديده.
الاسم العربييُكتب «أكاديمية Thinkera»: الكلمة اللاتينية تبقى كما هي مع وصف عربي. كتابة الاسم بحروف عربية («ثينكيرا») قرار تسمية يحتاج موافقتك.

٢. الألوان، بالتباين المقيس

النسب محسوبة وفق WCAG 2.1 مقابل الأبيض، وما يحمل نصاً يحتاج 4.5، والحدود والنص الكبير 3.0. القاعدة (تحديث 18 سبتمبر 2026): على الخلفيات الفاتحة يقود الأزرق الملكي، وعلى الداكنة يقود الأزرق السماوي الفاتح. التركواز خرج من الموقع ليطابق أيقونة الموقع وفيديوهات الدروس وقناة يوتيوب.

Royal
القيمة
#113972
على الأبيض
11.34 يحمل نصاً
الاستخدام
اللون الأساسي: العناوين، الزر الرئيسي، العلامة.
Azure
القيمة
#426EB5
على الأبيض
5.09 نص بحجم المتن
الاستخدام
مساحات وحدود ولمسات؛ النص الصغير يستخدم Azure 700.
Azure 700
القيمة
#2F5795
على الأبيض
7.20 يحمل نصاً
الاستخدام
الروابط والنص الهادئ.
Azure 300
القيمة
#8FB3E6
على الملكي
5.27 يحمل نصاً
على الكحلي
8.42 يحمل نصاً
الاستخدام
اللمسة على الخلفيات الداكنة: الشطر الثاني من العنوان، والروابط في التذييل، والزر الرئيسي في الوضع الليلي.
Navy
القيمة
#0A1628
الأبيض عليه
18.13 يحمل نصاً
الاستخدام
التذييل والوضع الليلي. الواجهة الرئيسية صارت بالأزرق الملكي.
Amber
القيمة
#E0A542
على الأبيض
2.18 لا يحمل نصاً
نصه
#8A5A10 بنسبة 5.91
الاستخدام
تنبيه «قريباً» وبطاقات السؤال؛ خلفية لا نص.
Pale
القيمة
#E3E8F0
الاستخدام
خلفيات هادئة وحدود ووسوم.
Ink
القيمة
#0F1B2D
على الأبيض
17.28 يحمل نصاً
الاستخدام
نص العناوين والمتن.

٣. الخطوط

--tk-size-3xl · 700
البرمجة تُفهَم لمّا تُشرح بلغتك
--tk-size-2xl · 600
عنوان قسم في الصفحة
--tk-size-lg · 600
عنوان بطاقة أو درس
--tk-size-base · 400
متن الصفحة: سطر عربي بمقاس 17 بكسل وارتفاع سطر 1.75، لأن العربية تحتاج فراغاً رأسياً أكثر من اللاتينية. Latin terms stay upright: machine learning.
--tk-size-sm · 400
نص ثانوي: أسعار، ملاحظات، بيانات الدرس.
الخط العربي واللاتينيIBM Plex Sans Arabic بأوزان 400 و500 و600 و700 — نفس خط الدروس والفيديو.
الأرقام والعناوين اللاتينيةSpace Grotesk للأرقام الكبيرة والكلمة اللاتينية في الشعار.
قواعد ثابتةلا تباعد حروف في العربية أبداً (تباعد الحروف يفصل الوصلات)، والأرقام والمعرّفات تبقى من اليسار لليمين داخل النص العربي.

٤. المكوّنات

الأزرار

زر رئيسي واحد في كل شاشة. أصغر ارتفاع 44 بكسل، وحلقة تركيز ظاهرة دائماً.

حالات النشر

متاحة الآن متاحة جزئياً قريباً

لكل حالة رمز ونص، لا لون فقط، فتبقى مفهومة في الطباعة بالأسود والأبيض ولمن لا يميّز الألوان.

بطاقة دورة

9 وحدات · 64 درساً

سيُعلن قريباًابدأ الدورة

حقل إدخال

تسمية ظاهرة دائماً، لا داخل الحقل.

٥. قواعد لا تُخالف

٦. الملفات

brand/tokens.cssالرموز الدلالية (ألوان، مقاسات، مسافات، أنصاف أقطار) للوضعين الفاتح والداكن. المكوّنات تشير إلى الأدوار لا إلى درجات اللون.
assets/css/site.cssتنسيق الموقع مبنياً على الرموز، بخصائص منطقية تعمل في الاتجاهين.
content/site.json وcontent/courses.jsonكل النصوص وبيانات الدورات بالعربية والإنجليزية.
build.pyيولّد صفحات الموقع من الملفين أعلاه: العربية في الجذر والإنجليزية في /en/.