نظام التصميم الحيّ Living Design System
هذه الصفحة تعرض النظام كما يُصرَّف فعليًا من متغيّرات CSS الحيّة (–pf-*). كل لون ومقاس وظلّ هنا يقرأ القيمة الحقيقية — وليس قيمة ثابتة. فعِّل أي هويّة من الهويّات وتتغيّر هذه الصفحة معها.
نظام الألوان Color system
الأدوار الدلالية (مرتبطة بالعلامة) + سُلّم رمادي محايد من 0 إلى 900. بدّل الوضع الفاتح/الداكن أعلى الصفحة لرؤية المخطّط الكامل.
الأدوار الدلالية Semantic roles
--pf-color-surface--pf-color-surface-raised--pf-color-primary--pf-color-accent--pf-color-success--pf-color-warning--pf-color-danger--pf-color-muted--pf-color-borderالسُّلّم المحايد Neutral ramp 0–900
الطباعة Typography
سُلّم العرض الانسيابي (للأبطال) + سُلّم النصّ، بخطّ عربي أولاً (IBM Plex Sans Arabic). عيّنات عربية حقيقية.
--pf-display-d1 / black--pf-display-d2--pf-display-d3--pf-font-size-5xl--pf-font-size-4xl--pf-font-size-3xl--pf-font-size-2xl--pf-font-size-xl--pf-font-size-lg--pf-font-size-md--pf-font-size-base--pf-font-size-sm--pf-font-size-xsالأوزان والأرقام Weights & numerals
regularمتوسطmediumشبه عريضsemiboldعريضboldأسودblackأرقام جدولية (للمبالغ): ١٢٣٤ ر.س · 1,234.00 SAR
المسافات والإيقاع Spacing & rhythm
سُلّم 4/8 من 1 إلى 10. الخطوتان 9 و10 لمساحات الأبطال والأقسام.
--pf-space-1--pf-space-2--pf-space-3--pf-space-4--pf-space-5--pf-space-6--pf-space-7--pf-space-8--pf-space-9--pf-space-10الاستدارة Radius scale
من المربّع الحاد إلى الكبسولة الكاملة.
--pf-radius-sm--pf-radius-md--pf-radius-lg--pf-radius-xl--pf-radius-pillالارتفاع والظلال Elevation & shadow
سُلّم من ست درجات + حلقة تركيز مخصّصة. تُعاد معايرة الظلال تلقائيًا في الوضع الداكن.
--pf-shadow-xs--pf-shadow-sm--pf-shadow-md--pf-shadow-lg--pf-shadow-xl--pf-shadow-focusالتدرّجات Gradients
تدرّجات مشتقّة من متغيّرات الأدوار، فتعيد التلوّن مع كل هويّة.
--pf-gradient-brand--pf-gradient-subtle--pf-gradient-sheen--pf-gradient-hero-veilالمكوّنات Components
المكوّنات الأساسية مبنيّة بالكامل على المتغيّرات، بخصائص منطقية (RTL)، وحلقة تركيز، ومراعاة لتقليل الحركة.
الأزرار Buttons
الحقول Inputs
البطاقات Cards
خدمة احترافية
وصف موجز للخدمة يقرأ بلون النص الثانوي ويعتمد على المسافات من السُّلّم.
خدمة احترافية
وصف موجز للخدمة يقرأ بلون النص الثانوي ويعتمد على المسافات من السُّلّم.
خدمة احترافية
وصف موجز للخدمة يقرأ بلون النص الثانوي ويعتمد على المسافات من السُّلّم.
الشارات Badges & chips
جدول الأسعار Pricing
الأساسية
٩٩ ر.س
- زيارة واحدة
- دعم اعتيادي
- دفع إلكتروني
القياسية
١٩٩ ر.س
- حتى ٣ زيارات
- دعم ذو أولوية
- إعادة زيارة مجانية
المتميّزة
٣٩٩ ر.س
- زيارات غير محدودة
- دعم على مدار الساعة
- فنّي مخصّص
الجداول Table
| الفاتورة | العميل | الحالة | المبلغ |
|---|---|---|---|
| #1042 | متجر النور | مدفوع | ٣٥٠٫٠٠ |
| #1041 | مؤسسة البناء | مستحق | ١٬٢٠٠٫٠٠ |
| #1040 | شركة الواحة | متأخّر | ٨٩٠٫٠٠ |
شريط التنقّل Navigation
الحالات Empty / loading / error
لا توجد عناصر بعد
تعذّر تحميل البيانات