نظام تصميم LUXORA

مجموعة رموز واحدة تحكم الألوان والمسافات والحواف والظلال، فلا تُكتب قيمة داخل أي مكوّن. كل ما في هذه الصفحة مطبّق فعلًا في متجر ندرة التجريبي.

الأسطح والنص والفعل الأساسي

الفعل الأساسي حبر داكن لا لون مميّز؛ واللون المميّز محفوظ للتفاصيل واللمسات. لذلك يبقى الثيم فاخرًا تحت أي لوحة لون بدل أن ينطبق على لون واحد.

عاجي دافئ (خلفية)#fbf8f3
سطح أبيض#ffffff
سطح هادئ#f4efe7
شامبانيا (مميّز)#b08d57
شامبانيا غامق#7f6029
حبر (الفعل الأساسي)#1a1714
فحمي عميق (نص)#12100e
نص ثانوي#6f675e

سبع لوحات تتبدّل من إعداد واحد

اللوحة تُختار من إعداد «لوحة اللون المميّز» وتُطبَّق على مستوى الصفحة، فتتغيّر قيم اللون المميّز فقط — ولا يتغيّر التخطيط.

شامبانيا (الافتراضي)#b08d57
نبيتي#6e1b2a
زمردي#14503f
كحلي#1b2a41
بنّي#5c4033
وردي#a9707a
جرافيت#3a3a38

النص فوق اللون المميّز يُختار تلقائيًا أبيض أو حبرًا حسب اللوحة.

الخط والمقاسات

الخط يأتي من ميزة الخطوط في منصة سلة، فلا يفرض الثيم خطًا على المتجر. وفي العربية لا نضيف مسافة بين الحروف لأنها تقطع وصل الحروف.

عنوان رئيسي

عطر يروي حضورك

--lux-fs-h1

عنوان فرعي

تشكيلة من تفاصيل الشرق

--lux-fs-h2

عنوان بطاقة

عود ومِسك وزهر

--lux-fs-h3

نص أساسي

نص بالمقاس نفسه المستخدم في المتجر، بمسافة أسطر مريحة للقراءة الطويلة.

--lux-fs-body

نص صغير

للتفاصيل والبطاقات والوسوم.

--lux-fs-small

الحواف

زوايا محافظة: الدائري محجوز للأزرار المستديرة فعلًا، والباقي لا يتجاوز 16px.

دائري999px
كبير16px
متوسط8px
صغير4px
دقيق2px
بدون استدارة0

الظلال

ثلاث درجات فقط، بلا توهّج.

هادئ--lux-shadow-subtle
بطاقة--lux-shadow-card
مرتفع--lux-shadow-elevated

المسافات والحاويات والحركة

سلّم واحد للمسافات، وعرضان للحاويات، وثلاث سرعات حركة تنهار كلها عند تفعيل تقليل الحركة في نظام الزائر.

سلّم المسافات

0.5rem
0.75rem
1rem
1.5rem
2rem
2.5rem
3.5rem
clamp(2.25rem, 1.6rem + 2.9vw, 4.5rem)

الحاويات والحركة

حاوية المحتوى: 1280px
صفحات المحتوى والمقالات: 46rem
السلايدرات بعرض الصفحة: 1440px
هامش الحاوية الجانبي: clamp(1rem, 0.5rem + 2vw, 2.5rem)
مدة سريعة: 150ms
مدة أساسية: 240ms
مدة هادئة: 420ms

كيف يعمل النظام

مكوّنات سلة نفسها تقرأ رموز المنصة التي يكتبها محرّك سلة من ميزة «اللون» في إعدادات المتجر، والثيم لا يعيد رسمها. وإلى جوارها مجموعة رموز LUXORA التي يملكها الثيم ويستهلكها كل تصميم داخله. النظامان لا يُدمجان، وهذا ما يجعل تغيير لون المتجر لا يكسر التخطيط.

أزرار أساسية وثانوية
بطاقات منتجات موحّدة الارتفاع
شرائح تصنيفات مربّعة
بطاقات محتوى وحقول نماذج
شرائط ملاحظات هادئة
جداول محتوى بعرض قراءة مريح
حالات تركيز ظاهرة لكل عنصر تفاعلي

الأصول البصرية للمتجر التجريبي

سلايدر الصفحة الرئيسية بنسختيه، وشرائح التصنيفات، والبانرات العريضة، وشعارات الماركات — كلها أُنتجت لهذا العرض، وتُظهر كيف يتصرّف النظام خارج الصفحات الجاهزة.