التصميم والواجهة·مبتدئ
هيرو تحريري لصفحة هبوط
هيرو مقسّم 8/4 بدون تدرّجات، بأسلوب Stripe/Linear.
نصّ البرومبت
أنشئ قسم هيرو لصفحة هبوط منتج SaaS بأسلوب تحريري هادئ (Stripe/Linear). - تخطيط مقسّم 8/4 (نصّ يسار، قائمة إحصاءات يمين). - عنوان بحجم 60px على الديسكتوب و36px على الموبايل، بتباعد أحرف -0.02em. - CTA رئيسي داكن + رابط ثانوي بلا حدود. - بدون تدرّجات ملوّنة أو أشكال عائمة أو ظلال قوية. - استخدم توكنز التصميم من styles.css، لا ألوانًا مباشرة.
وسوم
هيروlanding
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
التصميم والواجهة · متوسط
إعداد نظام توكنز تصميم كامل
توكنز OKLCH موحّدة للألوان والمسافات والحواف والحركة.
التصميم والواجهة · مبتدئ
حالات فارغة مقنعة
بديل عن الشاشات الفارغة يشجّع أوّل إجراء.
التصميم والواجهة · متوسط
تدقيق RTL شامل
مراجعة كل الواجهات لدعم العربية بشكل صحيح.
التصميم والواجهة · متوسط
قائمة أوامر (⌘K) بأسلوب Linear
بحث وتنقّل عالمي بلوحة المفاتيح.
