Page d'accueil DevKnow SaaS

Utilisez REFERENCE_0 comme capture d'écran de l'interface utilisateur du produit et transformez-la en une superbe page d'accueil SaaS japonaise pour {argument name="nom du produit" default="DevKnow"}. Préservez la lisibilité de la capture d'écran en la plaçant à droite de l'écran d'accueil dans un aperçu navigateur/modèle aux coins arrondis, en réduisant sa taille de manière appropriée et en ajoutant des ombres douces et de subtiles lignes abstraites/dégradés violets en arrière-plan. Mise en page : Créez une page d'accueil épurée pour ordinateur avec un fond blanc et les couleurs violettes de la marque. Ajoutez une barre de navigation supérieure, en plaçant le logo/nom existant sur la gauche, cinq liens de menu centrés au milieu : "特徴" (Fonctionnalités spéciales), "使い方" (Méthode d'utilisation), "料金" (Revenu), "ゑップデート" (Date de l'application) et "よくある质问" (Questions). Demandé), et "ログイン" (Connexion) et un bouton CTA violet "無料で始める→" (Démarrer gratuitement →). Zone du premier écran : ajoutez un petit badge arrondi sur le côté gauche avec le texte "AI・Développement personnel de la dernière session ニュースをEvery Dayお". Ajoutez un titre japonais accrocheur : {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} et surlignez la phrase « あなたのもとへ » en violet. Ajoutez une copie auxiliaire ci-dessous : {argument name="hero description" default="DevKnow は、AI・テック・personal Kai発に关するDernières informationsを日厳选してお期けするニュースアプリです."}. Ajoutez deux boutons à l'écran d'accueil : un bouton principal violet « Démarrer gratuitement → » et un bouton secondaire blanc « Voir le mode d'emploi ». En dessous, ajoutez trois points de confiance avec de petites icônes de coche violettes : « Ne pas se connecter, démarrer », « Puis-je annuler maintenant ? » et « Navigateur Web compatible ». Zone de fonctionnalités : en bas de l'écran d'accueil, ajoutez une étiquette violette centrée « FONCTIONNALITÉS » et le titre « DevKnow ». Créez 4 cartes de fonctionnalités arrondies avec des ombres douces et des icônes violettes, disposées en rangée : 1) Icône d'éclair, titre "Everyday's 厳选ニュース", description "AI・テック・La dernière session personnelle de Kailu.けします."; 2) Icône de calque empilé, titre "カテゴリで简単に検SO", description "Xingwei のあるカテゴリを选んで, informations nécessaires にすぐアクセス."; 3) Icône de signet, titre "Enregistré してあとで読む", description "気になるニュースを enregistré して, あとでゆっくり読めます."; 4) Icône en forme de cloche, titre « Notification d'évasion », description « Avis d'évasion important. Avis d'évasion ». Contraintes de style : faites en sorte qu'elle ressemble à une page de destination moderne et prête à être lancée plutôt qu'à une capture d'écran brute d'une application. Utilisez des marges larges, des coins arrondis, des ombres portées subtiles, des boutons dégradés violets, une typographie japonaise claire et supprimez tout encombrement en dehors de la conception de votre page de destination. Gardez le contenu de l'interface utilisateur de l'application de référence visible, mais utilisez-le comme élément supplémentaire de la conception de la page de destination.