نظام التصميم

مكوّنات الواجهة

مكوّنات واجهة Boilerplate الأساسية — الطباعة والنماذج والتنبيهات والتنقّل، بلغة بصرية موحّدة.

1. الطباعة

عنوان H1

عنوان H2

عنوان H3

عنوان H4

عنوان H5
عنوان H6

نصّ تمهيدي — فقرة استهلالية كبيرة للعناوين الفرعية ومقدّمات الأقسام.

نصّ فقرة عادي. يُستخدم للمحتوى الأساسي — الأوصاف والتعليمات والكتل النصية بأي طول.

نصّ صغير — للحواشي والتسميات والمعلومات الثانوية.

2. الجداول

الملفالمنصّةالحالةالتاريخ
alex_bInstagramنشط٩ يوليو ٢٠٢٦
dev.mikhailTelegramقيد الانتظار٨ يوليو ٢٠٢٦
travel.ruVKنشط٧ يوليو ٢٠٢٦
art_dailyInstagramخطأ٥ يوليو ٢٠٢٦

3. النماذج

4. التنبيهات

تم حفظ القصة في الأرشيف بنجاح.
يتوفّر إصدار جديد من التطبيق للتنزيل.
غيّر الملف إعدادات الخصوصية — قد تكون المشاهدة محدودة.
تعذّر تحميل السجلّ — يرجى المحاولة مرة أخرى.

5. الشارات

رئيسي
جديد
احترافي
نشط
قيد الانتظار
خطأ
فاتح
داكن

6. الأزرار

7. التلميحات

9. ترقيم الصفحات

11. الألوان

Primary
oklch(20% 0.01 280)
Secondary
oklch(55% 0.19 295)
Success
oklch(52% 0.16 145)
Danger
oklch(55% 0.17 25)
Warning
oklch(70% 0.15 70)
Info
oklch(58% 0.14 235)
Light
oklch(97% 0.005 90)
Dark
oklch(20% 0.01 280)
Body
oklch(35% 0.01 280)

12. التدرّجات

شعار العلامة
linear-gradient(135deg, oklch(68% 0.19 295), oklch(78% 0.14 180))
عنوان الواجهة
linear-gradient(90deg, oklch(58% 0.19 295), oklch(66% 0.14 175))
كتلة الحثّ (داكنة)
linear-gradient(120deg, oklch(22% 0.03 295), oklch(18% 0.02 260))
حلقة القصة
conic-gradient(oklch(70% 0.19 295), oklch(75% 0.15 175), oklch(70% 0.19 295))
التعريف — الخطوة ١
linear-gradient(135deg, oklch(70% 0.19 295), oklch(78% 0.14 180))
التعريف — الخطوة ٢
linear-gradient(135deg, oklch(72% 0.15 175), oklch(80% 0.1 140))
التعريف — الخطوة ٣
linear-gradient(135deg, oklch(66% 0.17 40), oklch(76% 0.13 70))
خلفية عارض القصص
linear-gradient(160deg, oklch(60% 0.05 295), oklch(30% 0.04 295))
توهّج شعاعي
radial-gradient(circle, oklch(90% 0.05 295) 0%, transparent 70%)