دليل النظام · الإصدار ١٫٠
نظام تصميم العقاري
الألوان، الخطوط، المسافات، والمكوّنات التفاعلية لمنصة العقاري العقارية — مطبّقة بنسبة ١٠٠٪.
٠١ — COLORS
نظام الألوان
الأساسية (العقاري الأحمر)
Shade-6
#430909
Shade-4
#700F0F
Shade-2
#9E1515
Primary
#CB1B1B
Tint-6
#F66262
Tint-3
#F9D2D2
Tint-1
#FDF1F1
المحايدة
Gray-13
#121212
Gray-12
#212121
Gray-10
#505050
Gray-9
#717171
Gray-8
#909090
Gray-6
#CBCBCB
Gray-4
#E1E1E1
Gray-3
#EDEDED
Gray-1
#FAFAFA
ألوان الحالات
خطأ
#C30000
نجاح
#00966D
تنبيه
#A9791C
٠٢ — TYPOGRAPHY
الطباعة · Vazirmatn
سقفٌ للجميع
H1 · 44px · 700
سقفٌ للجميع
H2 · 40px · 700
سقفٌ للجميع
H3 · 32px · 700
سقفٌ للجميع
H4 · 24px · 700
سقفٌ للجميع
H5 · 20px · 700
سقفٌ للجميع
Body LG · 20px · 400
سقفٌ للجميع
Body MD · 16px · 500
سقفٌ للجميع
Caption · 12px · 400
٠٣ — SPACING
مقياس المسافات (٤px)
4px
8px
12px
16px
24px
32px
48px
64px
٠٤ — RADII & SHADOWS
الحواف والظلال
8px
12px
16px
20px
999px
card
elevated
glow
٠٥ — BUTTONS
الأزرار
٠٦ — INPUTS
الحقول
٠٧ — CONTROLS
عناصر التحكم
زر اختيار محدّد
مفتاح تبديل (مفعّل)
موثّق
الأكثر طلبًا
جديد
٠٨ — CARDS
بطاقة عقار
قبل ساعة
للإيجار · شقة
الرياض، حي العليا
١٢٠ م²
٣ غرف
٣٬٥٠٠ ريال / شهريًا