التصميم والواجهة·مبتدئ
جدول تسعير من ثلاث خطط
بطاقات تسعير واضحة مع تمييز الخطّة الشائعة.
نصّ البرومبت
أنشئ قسم تسعير بثلاث بطاقات (مجّاني، احترافي، فريق): - شعار «الأكثر شعبيّة» فوق الخطّة الوسطى. - سعر شهري + خيار سنوي (–20٪). - قائمة مزايا بـ ✓ خضراء و× رمادية. - CTA أساسيّ للخطّة المميّزة، ثانويّ للبقيّة. - بلا ظلال قويّة، فقط حدود ناعمة وbg-card.
وسوم
pricingSaaS
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
التصميم والواجهة · مبتدئ
هيرو تحريري لصفحة هبوط
هيرو مقسّم 8/4 بدون تدرّجات، بأسلوب Stripe/Linear.
التصميم والواجهة · متوسط
إعداد نظام توكنز تصميم كامل
توكنز OKLCH موحّدة للألوان والمسافات والحواف والحركة.
التصميم والواجهة · مبتدئ
حالات فارغة مقنعة
بديل عن الشاشات الفارغة يشجّع أوّل إجراء.
التصميم والواجهة · متوسط
تدقيق RTL شامل
مراجعة كل الواجهات لدعم العربية بشكل صحيح.
