بطاقات ميزات SaaS المتداخلة

الهدف: تصميم صفحة هبوط أنيقة تعرض ثلاث بطاقات بيضاء متداخلة لعرض ميزات منتج SaaS، وهو منتج ذكاء مبيعات/مراقبة عملاء محتملين، باستخدام نموذج تصميم بسيط وأنيق على نمط Figma. المساحة: مربع بنسبة 1:1، خلفية بيضاء بيج دافئة مع تدرج بيج ناعم جدًا وتأثير تظليل خفيف، وظلال ناعمة واقعية أسفل البطاقات. البطاقات مستطيلات ذات زوايا مستديرة مع ميل وعمق طفيفين، تطفو في المنتصف. يستخدم العنوان الرئيسي خطًا أنيقًا بنمط serif، بينما تستخدم العناوين الفرعية خط sans-serif. التخطيط: ترتيب ثلاث بطاقات عمودية متداخلة أفقيًا. البطاقة اليسرى في المقدمة، مائلة قليلًا إلى اليسار؛ البطاقة الوسطى في المنتصف وعمودية تقريبًا؛ البطاقة اليمنى في الخلف، مائلة قليلًا إلى اليمين. حافظ على مساحة بيضاء واسعة وزوايا مستديرة. البطاقة 1 (يسار) - مصدر الالتقاط: أيقونة دائرية برتقالية صغيرة مع علامة بيضاء مجردة موضوعة في الزاوية العلوية اليسرى. تُوضع بطاقة تعريفية بلون الخوخ الفاتح تحمل كلمة "CAPTURA" بالقرب من أعلى المنتصف. العنوان الرئيسي باللغة البرتغالية: {argument name="left card headline" default="12+ fontes escutando seu mercado 24h"} يوجد أدناه 12 مربعًا صغيرًا مستديرًا للمصادر، مُرتبة في 3 أعمدة و4 صفوف. يحتوي كل مربع على أيقونة وعنوان. العناوين الـ 12 هي: "الأخبار"، "لينكد إن"، "ريديت"، "جوجل"، "بودكاست"، "تويتر"، "يوتيوب"، "تراست بايلوت"، "المدونات"، "ويكيبيديا"، "المجتمعات"، و"وغيرها". استخدم أيقونات مبسطة يسهل التعرف عليها: الكرة الأرضية، شعار لينكد إن، رمز ريديت الفضائي، شعار جوجل G، رمز البودكاست، شعار X، زر تشغيل يوتيوب، نجمة الثقة الخضراء، أيقونة المستند/المدونة، W، مصفوفة النقاط للمجتمع، وعلامة الجمع. البطاقة 2 (الوسط) - تقييم المطابقة: ضع ملصقًا أخضر فاتحًا على شكل كبسولة مكتوب عليه "ENTENDE". نص العنوان الرئيسي: {argument name="match headline" default="ICP Match 94%"} يوجد شريط تقدم دائري سميك برتقالي اللون في المنتصف، يشير إلى أن المشروع يقترب من الاكتمال؛ الجزء المتبقي منه بلون الخوخ الفاتح. داخل الدائرة، يظهر خط serif كبير "...". {argument name="match percentage" default="94%"} أسفل ذلك يوجد عنوان فرعي صغير، "de compatibilidade" (قارن عملك). أسفل الدائرة توجد ثلاثة أسطر من قوائم التحقق الرفيعة والمستديرة مع علامات صح خضراء صغيرة، تحمل العناوين التالية: "Perfil ideal identificado" (حدد عملك)، "Sinais alinhados" (حدد عملك)، "Alta intenção detectada" (اكتشف عملك). البطاقة 3 (اليمين) - جدول العمل: ضع ملصقًا أخضر داكنًا على شكل كبسولة مكتوب عليه "AGE". العنوان الرئيسي باللغة البرتغالية هو: {argument name="right card headline" default="Reunião agendada automaticamente"} يوجد أسفله عنصر واجهة مستخدم تقويم صغير بعنوان "مايو 2025" مع تسميات أيام الأسبوع باللغة البرتغالية: "SEG"، "TER"، "QUA"، "QUI"، "SEX"، "SÁB"، "DOM". يتم عرض شبكة تواريخ شهرية، مع تمييز يوم 15 بدائرة برتقالية. تمت إضافة أسهم يمين ويسار بالقرب من عنوان التقويم. في الأسفل، يوجد مربع تأكيد مع أيقونة تقويم برتقالية، والنص "Reunião confirmedada"، "15 مايو، 10:00"، ونقطة خضراء متبوعة بـ "Google Meet". النمط المرئي: جماليات صفحة هبوط SaaS عالية الجودة، وبطاقات ورقية ثلاثية الأبعاد ناعمة، وسطح أبيض مائل للبيج، وخطوط فاصلة رمادية فاتحة رفيعة، ولمسات خضراء وبرتقالية ناعمة، وظلال خفيفة، وأيقونات واجهة مستخدم متجهة نظيفة، وطباعة رائعة، ونموذج منتج واقعي ونظيف. القيود: يستخدم 3 بطاقات؛ تحتوي البطاقة اليسرى على ١٢ مربعًا للمصادر، بينما تحتوي البطاقة الوسطى على ٣ مربعات. تُعرض قائمة التحقق، مع أداة تقويم على البطاقة اليمنى. جميع النصوص واضحة، باستثناء صور الأشخاص، والشعارات الإضافية باستثناء رمز المصدر المحدد، والعلامات المائية، وحدود المتصفح.