نظام الكروت

كرت قياسي واحد لكل موديول. مستخرَج من سطح القائمة. مُعاد استخدامه في كل مكان يظهر فيه كيان الموديول — بما في ذلك Related Ecosystem Signals عبر الموديولز. تحديث واحد للكرت ينتقل لكل سطح يعرضه.

الكروت السبعة القياسية

<app-event-card variant="…">

فعاليات التقويم. 8 صيغ: featured / editorial-pick / deadline / country / related / coverage / compact / default.

<app-founder-card>

ملفات المؤسسين. صورة الهوية + الدور + مميز + كومة شارات. `elevated` اختياري للسياق المميز.

<app-opportunity-card>

الفرص. شريط مُلوَّن بالحالة + Pill للموعد النهائي + المنظِّم + زرّ Apply.

<app-founder-file-card>

ملفات المؤسس. غلاف 3:4 مع SVG تحريري احتياطي + كتلة Best For + صفّ راعي مصغّر + زرّ Download.

<app-startup-card>

عرض الشركات الناشئة. لوحة شعار 16:9 + شارات القطاع/المرحلة + شارة Verified.

<app-editorial-card>

مقال تحريري. eyebrow بالنوع + العنوان + الـ dek + الكاتب + وقت القراءة.

<app-coverage-card>

تغطية الفعاليات. غلاف 16:9 + شارة نوع التغطية + كاتب/تاريخ. ترجع إلى الحدث الأصل.

العقد البصري — يسري على كل الكروت

• حواف `rounded-md` حادّة (6px). لا `rounded-xl` ولا `rounded-2xl` ولا `rounded-3xl`.
• حدّ افتراضي `border-border` 1px. على hover: `translateY(-1px)` + `border-primary/40`.
• لا ظلال افتراضياً. الـ hover قد يضيف ظلاً بنفسجياً ناعماً بـ 12% opacity كحدّ أقصى.
• حشو جسم الكرت: `p-4 sm:p-5` (16px → 20px متجاوب). حشو أصغر فقط للصيغ المضغوطة.
• نسب الصور موثّقة لكل كرت (انظر موضوع Image Ratios).