Página de aterrizaje SaaS de DevKnow

Generates a polished Japanese SaaS landing page from an existing app screenshot, with hero CTA, product mockup, navigation, and feature cards.

Utilizando REFERENCE_0 como la captura de pantalla de la interfaz de usuario del producto, conviértela en una página de aterrizaje SaaS pulida en japonés para {argument name="product name" default="DevKnow"}. Mantén la captura de pantalla de la aplicación reconocible, pero colócala dentro de una vista previa de navegador/maqueta grande y redondeada en el lado derecho de la sección principal (hero), ligeramente reducida con una sombra suave y un acento de línea/gradiente abstracto de color púrpura detrás.

Diseño: Crea una página de aterrizaje de escritorio limpia con un fondo blanco y acentos de marca púrpuras. Añade una barra de navegación superior con el logotipo/nombre existente a la izquierda, cinco enlaces de menú centrados etiquetados como 「特徴」, 「使い方」, 「料金」, 「アップデート」, 「よくある質問」, y a la derecha 「ログイン」 además de un botón CTA púrpura etiquetado como 「無料で始める →」.

Sección principal (Hero): A la izquierda, añade una pequeña insignia redondeada que diga 「AI・個人開発の最新ニュースを毎日お届け」. Añade un titular grande y en negrita en japonés: {argument name="hero headline" default="開発の「今」を、毎日あなたのもとへ。"} con la frase 「あなたのもとへ」 resaltada en púrpura. Debajo, añade un texto de apoyo: {argument name="hero description" default="DevKnow は、AI・テック・個人開発に関する最新情報を毎日厳選してお届けするニュースアプリです。"}. Añade dos botones principales: un botón púrpura primario 「無料で始める →」 y un botón blanco secundario 「使い方を見る」. Debajo de los botones, añade exactamente 3 puntos de confianza con pequeños iconos de verificación púrpuras: 「登録不要で始める」, 「いつでも解約OK」, 「Webブラウザで利用可能」.

Sección de características: Debajo de la sección principal, añade una etiqueta de sección centrada “FEATURES” en púrpura y el encabezado 「DevKnow でできること」. Crea exactamente 4 tarjetas de características redondeadas en una fila con sombras suaves e iconos púrpuras: 1) icono de rayo, título 「毎日の厳選ニュース」, descripción 「AI・テック・個人開発の最新ニュースを毎日厳選してお届けします。」; 2) icono de capas apiladas, título 「カテゴリで簡単に検索」, descripción 「興味のあるカテゴリを選んで、必要な情報にすぐアクセス。」; 3) icono de marcador, título 「保存してあとで読む」, descripción 「気になるニュースを保存して、あとでゆっくり読めます。」; 4) icono de campana, título 「通知で見逃さない」, descripción 「重要なニュースは通知でお知らせ。トレンドを逃しません。」

Restricciones de estilo: Haz que parezca una página de aterrizaje moderna lista para producción, no una captura de pantalla de aplicación sin procesar. Utiliza márgenes amplios, esquinas redondeadas, sombras sutiles, botones con gradiente púrpura, tipografía japonesa nítida y elimina cualquier desorden fuera de la página de aterrizaje compuesta. Mantén el contenido de la interfaz de usuario de la aplicación de referencia visible, pero como elemento secundario al diseño de la página de aterrizaje.

Traducción automática: el prompt original es el que produjo este resultado.

✨ Generar Guardar Copiar prompt Compartir Publicación original Abrir en Hitboard