Mockup de sitio web de misterio japonés
Genera un mockup de interfaz de usuario responsivo para escritorio y móvil para un sitio web de historias o juegos de misterio japonés con una atmósfera envolvente.
Instrucción
Objetivo: Crear un mockup de sitio web pulido para un juego o archivo de historias de misterio japonés titulado 月蝕綺譚, presentado como una vista previa de diseño responsivo con una ventana de navegador de escritorio a la izquierda y una pantalla de teléfono inteligente a la derecha.
Lienzo: Imagen de presentación panorámica en 16:9 sobre un fondo gris claro. Coloque un mockup de navegador de escritorio grande que ocupe aproximadamente el 75% del ancho a la izquierda, y un mockup de teléfono inteligente alto que ocupe aproximadamente el 22% del ancho a la derecha. Utilice marcos de dispositivos realistas con sombras suaves.
Estilo visual: Horror literario japonés elegante, misterio silencioso, documentos de archivo, oscuridad a la luz de la luna. Paleta de papel marfil, tinta negra, azul marino oscuro, gris apagado y un fuerte acento en rojo bermellón. Utilice tipografía japonesa con serifa, líneas finas, bordes tipo boleto, textura de papel sutil, imágenes de manuscritos antiguos y gráficos tenues de líneas de órbita de media luna. El ambiente general debe sentirse como un sitio web oficial de alta calidad para un juego narrativo.
Diseño de escritorio: Muestre una ventana de navegador con una barra superior oscura y tres puntos de ventana pequeños. Dentro de la página, utilice un encabezado de color marfil con el título del sitio 月蝕綺譚 a la izquierda, un pequeño sello rojo y exactamente 5 elementos de navegación horizontales: 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」 y un botón azul marino oscuro etiquetado como 「メールで会員になる」. La sección principal (hero) debajo es una imagen oscura de un eclipse lunar con el título vertical 「月蝕綺譚」 centrado sobre una media luna/eclipse brillante. Superponga una tarjeta de interfaz de archivo translúcida con documentos japoneses antiguos y exactamente 5 tarjetas pequeñas de coleccionables/documentos a lo largo de la parte inferior de esa superposición. A lo largo de la parte inferior de la imagen principal, incluya exactamente 5 miniaturas horizontales que muestren: una calle nocturna, una habitación tipo plano, una carpeta u objeto oscuro, papeles antiguos escritos a mano y un mapa de escritorio/espacio de trabajo.
Tarjeta de registro a la derecha en escritorio: A la derecha de la sección principal, coloque una tarjeta de membresía grande de color crema con forma de boleto, con muescas semicirculares y un borde decorativo fino. Incluye la etiqueta pequeña 「入会札」, un emblema de sello, el titular 「メールで会員になる」, un icono de sobre, un texto explicativo breve, un campo de entrada de correo electrónico con el marcador de posición 「メールアドレスを入力」 y un botón de llamada a la acción (CTA) rojo etiquetado como 「登録する」 con una flecha hacia la derecha. Incluya un texto pequeño sobre la política de privacidad debajo.
Contenido inferior en escritorio: Debajo de la sección principal, cree una sección con apariencia de dos columnas. A la izquierda, un eslogan japonés grande 物語の続きを、いちばん近くで。 con una línea roja vertical fina y un pequeño párrafo descriptivo. A la derecha, coloque exactamente 3 tarjetas de artículos en una fila. Las 3 tarjetas son: 1) 「月蝕綺譚 最新便」 con una imagen de luna, una etiqueta roja pequeña de NUEVO (NEW), título 「大型アップデート『○○』を公開しました」, fecha 2024.05.20; 2) 「開発記録」 con una imagen de cuaderno y bolígrafo, título 「開発記録 #12：環境音の調整について」, fecha 2024.05.18; 3) 「ご意見箱」 con una imagen de buzón oscuro, título 「ご意見・ご感想をお聞かせください」, fecha 2024.05.16. Cada tarjeta tiene un borde fino, una flecha pequeña en el encabezado y líneas de resumen grises como marcador de posición.
Pie de página en escritorio: Añada un pie de página azul marino oscuro que abarque la parte inferior con exactamente 6 enlaces: 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, 「利用規約」, 「プライバシーポリシー」. Incluya un icono de media luna y el copyright 「© 2024 月蝕綺譚」 a la derecha.
Diseño móvil: En el teléfono inteligente de la derecha, muestre el mismo sitio adaptado a móvil. La hora en la barra de estado marca las 9:41. El encabezado contiene el título 「月蝕綺譚」 y un icono de menú hamburguesa. Debajo, muestre una sección principal oscura y compacta con el eclipse y el título vertical, luego exactamente 5 miniaturas horizontales pequeñas. Continúe con el eslogan 「物語の続きを、いちばん近くで。」, luego la misma tarjeta de registro de correo electrónico con forma de boleto, y finalmente la primera tarjeta de noticias 「月蝕綺譚 最新便」 con la imagen de la luna y la etiqueta roja de NUEVO. La vista móvil debe parecer desplazable verticalmente pero contenida dentro de la pantalla del teléfono.
Restricciones: Mantenga todo el texto visible de la interfaz en japonés según lo especificado. Utilice un renderizado de mockup de interfaz de usuario limpio y de alta fidelidad, tipografía nítida, sombras sutiles y sin logotipos ni marcas de agua adicionales. El diseño debe parecer un mockup de sitio web/aplicación terminado generado para la planificación de la implementación.
Cómo usar este prompt
- 1
Copia el prompt completo de arriba.
- 2
Abre una plataforma compatible con GPT Image 2, como YouMind, y pega el prompt.
- 3
Cambia el tema, el estilo o los detalles según tu idea y luego genera.
Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de imagen más, todos gratis para copiar y adaptar.
Explorar más prompts de imagenMás de GPT Image 2
Hoja de referencia de personaje fotorrealista
@Yuhoo Gang🦭
Mejora de captura de pantalla de la aplicación Premium Loot
@Marc Köhlbrugge
Póster de la aplicación de viajes NEWT para Japón
@Takaya Shinozuka / CEO of Reiwa Travel
Póster minimalista de una mañana en Tokio
@小小东
De wireframe a diseño de alta fidelidad
@Derek Wen｜德里克文
Fondo de pantalla móvil estilo editorial de ídolo de K-pop
@Simply Ray
Todas las categorías de Imagen
01
Casos de uso
Más funciones de prompts
Biblioteca de IA
Búsqueda de prompts con IA
Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts y más.
Herramientas de visión
Imagen a prompt
Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.
Otras funciones de prompts
Por modelo
Herramientas IA
Creado para creadores. Gratis para siempre.
YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.