Página de inicio de DevKnow SaaS

Use REFERENCE_0 como captura de pantalla de la interfaz de usuario del producto y transfórmela en una hermosa página de inicio de SaaS japonesa para {argument name="product name" default="DevKnow"}. Mantenga la reconocibilidad de la captura de pantalla de la aplicación colocándola en el lado derecho de la pantalla de inicio en un cuadro de vista previa del navegador/modelo con grandes esquinas redondeadas, reduciendo su tamaño adecuadamente y agregando sombras suaves y sutiles líneas abstractas/decoraciones de degradado púrpura en el fondo. Diseño: Cree una página de inicio de escritorio limpia usando un fondo blanco y los colores de marca púrpura. Agregue una barra de navegación superior, colocando el logotipo/nombre existente a la izquierda, cinco enlaces de menú centrados en el medio: "特徴" (Características especiales), "使い方" (Método de uso), "料金" (Ingresos), "ゑップデート" (Fecha de la aplicación) y "よくある质问" (Preguntas). Preguntado), y "ログイン" (Iniciar sesión) y un botón CTA morado "無料で始める→" (Empezar gratis →). Primera área de la pantalla: agregue una pequeña insignia redondeada en el lado izquierdo con el texto "AI・Desarrollo personal de la última sesión ニュースをEvery Day お". Agregue un título japonés llamativo: {argument name="hero headline" default="开発の　　　　、日あなたのもとへ. "} y resalte la frase "あなたのもとへ" en violeta. Agregue una copia auxiliar a continuación: {argument name="hero description" default="DevKnow は、AI・テック・personal Kai発に关するÚltima informaciónを掎日厳选してプリです."}. Agregue dos botones a la pantalla de inicio: un botón principal morado "Comenzar gratis →" y un botón secundario blanco "Ver cómo usarlo". Debajo de los botones, agregue tres puntos de confianza con pequeños iconos de marca de verificación morados: "No inicie sesión, comience", "¿Puedo cancelar incluso ahora?" y "Se puede usar el navegador web". Área de funciones: En la parte inferior de la pantalla de inicio, agregue una etiqueta morada centrada "CARACTERÍSTICAS" y el título "DevKnow でできること". Cree 4 tarjetas de funciones redondeadas con sombras suaves e íconos morados, dispuestas en una fila: 1) ícono de relámpago, título "Everyday's 厳选ニュース", descripción "AI・テック・Personal Kai発の, la última sesión de ニュースを掎日厳选してお".けします."; 2) Icono de capa apilada, título "カテゴリで简単に検SO", descripción "Xingwei のあるカテゴリを选んで, información necesaria にすぐアクセス."; 3) Icono de marcador, título "Guardado してあとで読む", descripción "気になるニュースを guardado して, あとでゆっくり読めます."; 4) Icono de campana, título "Notificación de fuga", descripción "Aviso importante de fuga. Aviso de fuga". Restricciones de estilo: haga que parezca una página de destino moderna y lista para su lanzamiento en lugar de una captura de pantalla de una aplicación sin formato. Utilice márgenes amplios, esquinas redondeadas, sombras paralelas sutiles, botones de degradado morado, tipografía japonesa clara y elimine todo el desorden fuera del diseño de su página de destino. Mantenga visible el contenido de la interfaz de usuario de la aplicación de referencia, pero utilícelo como parte complementaria del diseño de la página de destino.