RAA'RAA' v2
نظام التصميم
كل مكوّن في الموقع مبني على هذه القيم. العربية واللاتينية تشتركان في مقياس واحد، والعناوين الصغيرة اللاتينية تُكتب بأحرف كبيرة متباعدة.
الألوان
Ink#1C1A17 · نص وأزرار
Ink hover#33302A · حالة المرور
Ground#FAF8F4 · خلفية الصفحة
Surface#FFFFFF · بطاقات ولوحات
Plate#F1ECE5 · خلفية الصور
Band#F3EEE7 · أقسام وحالة نشطة
Line#E7E0D6 · حدود
Line strong#D6CCBD · حقول
Text 2#5C554B · نص ثانوي
Tan#8C7658 · عناوين صغيرة وأيقونات
Rose#8B4A46 · شارات
مقياس الخطوط
DisplayAlexandria 500 · 30–46 · 1.4على رفّ واحد
H1Alexandria 500 · 24–30كل المنتجات
H2Alexandria 500 · 22–28الروتين اليومي
Section19 · 600الأكثر مبيعًا
Body15 · 300 · 1.9تركيبات السنتيلا والسيراميد والبانثينول لتهدئة البشرة وترميمها وتحضيرها لبقية الروتين.
Product title14 · 500 · 1.45 · 2 linesRelief Sun Rice + Probiotics SPF 50+ PA++++
UI / Meta13 · 400للطلبات أكثر من ١٢٠٠ جنيه
Label13 · 500تسوّق حسب الاحتياج
الزوايا والظلال
أدوات التحكم4px
بطاقات ولوحات8px
أيقونات ووسوم999px
E10 1 2 / 0 8 24 · 6%
E2 hover0 2 4 / 0 14 32 · 9%
المسافات والشبكة
عرض المحتوى1320px
الهوامش16 → 40px
بين الأقسام48 → 72px
فراغ الشبكة12 → 20px
حشو البطاقة12 → 16px
نسبة الصورة1 : 1 · 76%
المقاسات والنقاط
زر رئيسي / حقل48 / 44px
زر أيقونة40px
أيقونات16 · 20 · 28 · 1.6 stroke
جوال< 720
تابلت720–1099
ديسكتوب≥ 1100
المكوّنات
الأزرار والوسوم والشاراتعرض الكل
الترطيبالحماية من الشمس ×الأكثر مبيعًا
