أضواء معلقة LED بسيطة من NovaLume مع تحكم عن بُعد
نظرة عامة
تحدد قواعد التنسيق التالية كيفية عرض صفحة المنتج لأضواء NovaLume المعلقة LED البسيطة مع التحكم عن بُعد. تتحكم هذه القواعد في مظهر الأقسام المفتوحة، ومعالجة رؤوس الأقسام، وسلوك لوحات الأكورديون، والتخطيط والطباعة المتجاوبة لضمان عرض نظيف وعصري.
الميزات الرئيسية للتنسيق
- تطبق الحالة المفتوحة (is-open) خلفية فاتحة وحشوة أفقية على مناطق المحتوى لتسليط الضوء على الأقسام الموسعة.
- تستخدم تذييلات الأقسام (section-footer__title) تباعد أحرف متزايد، وزن خط متوسط، وحجم خط مضغوط لتسمية مميزة وسهلة القراءة.
- تقدم لوحات الأكورديون (accordionPanel) انتقالًا سلسًا للارتفاع الأقصى على الشاشات الأكبر لتأثير توسيع/طي مصقول، مع خلفية فاتحة وتجاوز مخفي عند الطي.
- تدير أغلفة الأكورديون (accordionWrapper) الرؤية من خلال انتقالات التلاشي وتضمن حشوة متسقة عبر مختلف أحجام الشاشات.
- تتحول الأعمدة المتجاوبة (columns) إلى تخطيط عمودين على الشاشات الأوسع لتحسين كثافة المحتوى مع الحفاظ على سهولة القراءة.
الطباعة والتباعد
- تستخدم الطباعة خطوطًا مثل Replica Std وHelvetica Neue لمظهر عصري ونظيف. يتم تنسيق بعض العناوين بأحرف كبيرة مع تباعد ضيق بين الحروف لإنشاء تسلسل هرمي جريء.
- تنظم أدوات التباعد الهوامش والحشوات للحفاظ على إيقاع متسق عبر العناصر، بما في ذلك الهوامش السفلية والحشوات الداخلية.
- تعيد قوائم وحاويات المحتوى تعيين أنماط القوائم والهوامش الافتراضية لضمان تخطيط مرتب.
ملاحظات حول الهيكل
تركز القواعد الموصوفة على عرض الصفحة ولا تقدم ميزات إضافية أو عناصر خارجية تتجاوز إطار التنسيق الموصوف.