Article Card Design System

ثمانية متغيرات بطاقات، ست نسب صور، عشرة حقول بيانات وصفية، ثلاث عائلات شارات.

متغيرات البطاقات (8)

1 · بطاقة مميَّزة كبرى

صورة 16:9 مع تدرّج وعنوان فوقها.

2 · بطاقة قائمة قياسية

الصورة 16:9 فوق والنص أسفل. الافتراضية.

3 · بطاقة أفقية

صورة 4:3 جانبية والنص على الجانب الآخر.

4 · بطاقة نص فقط

بدون صورة. شارة النوع هي محور البطاقة.

5 · صفّ قائمة

صفّ مرقّم مدمج.

6 · لوحة قطاع

حرف رمزي، اسم، عدد المقالات.

7 · بطاقة كاتب

حروف الاسم، اسم، دور، عدد المقالات.

8 · شارة موضوع/فئة

صفّ شرائح مع عدّادات.

نسب الصور (6)

21:9 سينمائي، 16:9 الافتراضي، 4:3 أفقية، 1:1 مربّع، 3:4 بورتريه، 16:10 معاينة المشاركة.

حقول البيانات الوصفية (10)

النوع، القطاع، الموضوع، الفئة، الدولة، الكاتب، تاريخ النشر، وقت القراءة، صورة الغلاف، الكيانات المرتبطة.

عائلات الشارات (3)

شارات الحالة

مميَّز / عاجل / اختيار المحرّر. شارة واحدة كحد أقصى.

شارات النوع

واحد من ستة أنواع. بنفسجي صلب.

شرائح التصنيف

القطاع · الدولة · الموضوع. حد أقصى اثنتان.

عقد المسافات والطباعة

حشو القسم py-10 sm:py-12 lg:py-14. فجوات شبكة البطاقات gap-5. عرض الصفحة الأقصى max-w-7xl.