المرحلة 1: نظام التصميم والأساسيات

هوية ومنظومة تصميم ذَرّة

استعراض تفاعلي وشامل لمتغيرات التصميم (Design Tokens)، التيبوغرافيا، الأزرار، البطاقات، والعزل الكيميائي LTR في بيئة عربية متكاملة.

1. لوحة الألوان الرسمية (Strict Palette)

الألوان المعتمدة لهوية ذَرّة | ZARRA بنسب التباين الدقيقة والمتوافقة مع سهولة القراءة والتصفح الطويل.

Strawberry Red
#E94B67 (Primary)
Strawberry Pink
#F48FA3 (Secondary)
Warm Cream
#FFF7EC (Main BG)
Fresh Mint
#B8D8C2 (Accent)
Butter Yellow
#FFD96A (Highlight)
Cocoa Brown
#4A3030 (Text & Contrast)

2. التيبوغرافيا وقواعد الصياغة الكيميائية (Chemical Notation Isolation)

نصوص عربية فصيحة مدعومة بخط Readex Pro الهندسي، مع عزل كامل لمعادلات ورموز الكيمياء LTR لضمان عدم حدوث تكسر في الأسس أو الأقواس.

عنوان رئيسي ضخم (H1) — 🧪 تفاعل الكيمياء الممتع

عنوان فرعي متناسق (H2) — الجدول الدوري وتوزيع الإلكترونات

عنوان فرعي ثالث (H3) — الخواص الدورية للعناصر

الفقرة التمهيدية الكبيرة: تجمع منصة ذَرّة بين الدقة الأكاديمية والجاذبية التفاعلية لتجعل الكيمياء سهلة ومحبوبة.

نص عادي يوضح كيفية قراءة صيغة مثل مركب كبريتات الحديديك Fe2(SO4)3 أو جزيء حمض الكبريتيك H2SO4 داخل سياق فقرة عربية تقرأ من اليمين إلى اليسار دون أي اضطراب.

معادلة كيميائية موزونة معزولة:

2H2 + O2 → 2H2O + Energy

3. منظومة الأزرار التفاعلية (Buttons System)

أزرار ذات تباين عالٍ واستجابة للمس وحالات التركيز (Focus & Active States).

4. البطاقات وحقول الإدخال والبحث (Cards & Form Inputs)

مكونات متناسقة مع الهوية الكريمة والناعمة.

فلز قلوي Na

الصوديوم (Natrium)

العدد الذري: 11 | الكتلة: 22.990

فلز نشط جداً يحفظ تحت الكيروسين لمنع تفاعله مع أكسجين وبخار هواء الغرفة.

غاز نبيل Ne

النيون (Neon)

العدد الذري: 10 | الكتلة: 20.180

غاز خامل عديم اللون والرائحة، يتوهج باللون البرتقالي المحمر عند مرور تيار كهربائي به.

حقل البحث السريع

5. النوافذ المنبثقة (Accessible Modal System)

نظام نوافذ منبثقة مريح، سريع الاستجابة، مغلق عند النقر خارج المحتوى أو الضغط على زر Escape مع التركيز التلقائي.