صفحة هبوط DevKnow SaaS

استخدم REFERENCE_0 كصورة شاشة لواجهة المستخدم الخاصة بالمنتج، وحوّلها إلى صفحة هبوط يابانية جذابة لتطبيق SaaS، باستخدام {argument name="product name" default="DevKnow"}. حافظ على وضوح صورة الشاشة من خلال وضعها على الجانب الأيمن من الشاشة الرئيسية في مربع معاينة المتصفح/النموذج ذي الزوايا الدائرية الكبيرة، مع تصغير حجمها بشكل مناسب، وإضافة ظلال ناعمة وخطوط تجريدية أرجوانية خفيفة/زخارف متدرجة في الخلفية. التصميم: أنشئ صفحة هبوط أنيقة لسطح المكتب باستخدام خلفية بيضاء وألوان العلامة التجارية الأرجوانية. أضف شريط تنقل علوي، مع وضع الشعار/الاسم الحالي على اليسار، وخمسة روابط قائمة مركزية في المنتصف: "特徴" (ميزات خاصة)، و"使い方" (طريقة الاستخدام)، و"料金" (الإيرادات)، و"ゑップデート" (تاريخ التطبيق)، و"よくある质问" (الأسئلة). "طلب") و"ログイン" (تسجيل الدخول) وزر CTA أرجواني "無料で始める→" (البدء مجانًا →). منطقة الشاشة الأولى: أضف شارة صغيرة مستديرة على الجانب الأيسر تحتوي على النص "AI・التطوير الشخصي لأحدث جلسة ニュスをEvery Dayお". أضف عنوانًا يابانيًا ملفتًا للنظر: {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} وقم بتمييز العبارة "あなたのもとへ" باللون الأرجواني. أضف نسخة مساعدة أدناه: {argument name="hero description" default="DevKnow は、AI・テック・شخصية Kai発に关するأحدث المعلومات "". أضف زرين على الشاشة الرئيسية: زر رئيسي بنفسجي "ابدأ مجانًا →" وزر ثانوي أبيض "اطلع على كيفية الاستخدام". أسفل الزرين، أضف ثلاث نقاط ثقة مع أيقونات علامات صح بنفسجية صغيرة: "لا تسجل الدخول، ابدأ"، "هل يمكنني الإلغاء الآن؟"، و"يمكن استخدام متصفح الويب". منطقة الوظائف: في أسفل الشاشة الرئيسية، أضف تسمية بنفسجية مركزية "الميزات" والعنوان "DevKnow でできること". قم بإنشاء 4 بطاقات ميزات مستديرة بظلال ناعمة وأيقونات أرجوانية، مرتبة في صف واحد: 1) أيقونة Lightning، العنوان "Everyday's 厳选ニュース"، الوصف "AI・テック・Personal Kailu's أحدث جلسة ニュスを掎日厳选しておけします."; 2) أيقونة الطبقة المكدسة، العنوان "カテゴリで简単に検SO"، الوصف "Xingwei のあるカテゴリを选んで، المعلومات الضرورية にすぐアクセス."; 3) رمز الإشارة المرجعية، العنوان "تم الحفظ してあとで読む"، الوصف "تم الحفظ してあとで読む"، الوصف "تم الحفظ して، あとでゆっくり読めます."; 4) رمز الجرس، العنوان "إشعار الهروب"، الوصف "إشعار مهم بالهروب. إشعار الهروب". قيود التصميم: اجعلها تبدو وكأنها صفحة مقصودة حديثة وجاهزة للتشغيل بدلاً من لقطة شاشة أولية للتطبيق. استخدم هوامش واسعة، وزوايا مستديرة، وظلال منسدلة دقيقة، وأزرار متدرجة أرجوانية، وطباعة يابانية واضحة، وأزل كل الفوضى خارج تصميم صفحتك المقصودة. أبقِ محتوى واجهة المستخدم للتطبيق المرجعي مرئيًا، ولكن استخدمه كجزء تكميلي من تصميم الصفحة المقصودة.