Visor de IA oscura con vista previa del sitio web del curso

Una captura de pantalla de escritorio en modo oscuro de una interfaz de visor de imágenes de IA que muestra una vista previa del diseño de un sitio web generado. El lienzo general es gris carbón con una interfaz de usuario de aplicación moderna y minimalista. En la parte superior izquierda, coloque el encabezado “Thought for 2m 6s” en texto sans-serif blanco pequeño con una sutil flecha hacia abajo. Centrado a la izquierda, muestre una imagen de vista previa grande en forma de rectángulo redondeado con una página de destino web editorial de lujo en negro brillante para cursos en línea en japonés. Dentro de esa vista previa, el área de héroe del sitio web tiene un fondo negro, una tipografía elegante serif y sans-serif, y el pequeño encabezado en inglés “ONLINE COURSES” sobre un gran encabezado japonés que dice “デザインとキャリアを、次のステージへ”. Debajo de él hay un subtítulo japonés más pequeño. El área de contenido principal del sitio web contiene exactamente 6 tarjetas de curso dispuestas en una cuadrícula de 3 columnas por 2 filas. Cada tarjeta es oscura, cinematográfica y de alta calidad, con una foto de ambiente, una etiqueta de categoría, un título japonés, una descripción corta, un pequeño retrato circular del instructor y un enlace de estilo “詳しく見る →”. La tarjeta 1 muestra imágenes de diseño de UI y el título grande “本質的なUIデザインの思考とプロセス”. La tarjeta 2 muestra una imagen de pantalla relacionada con Figma y el título “Figmaマスター講座 実践編”. La tarjeta 3 muestra herramientas de escritura sobre papel y el título “伝わる構造をつくる 情報設計の技術”. La tarjeta 4 muestra una imagen con la temática de STUDIO y el título “STUDIOでつくる ノーコードWebデザイン”. La tarjeta 5 muestra un objeto similar a una marca o un libro y el título “ブランドの価値をつくる 設計と表現”. La tarjeta 6 muestra una extensión de un folleto de portafolio y el título “魅せ方で差がつく ポートフォリオ講座”. Agregue reflejos sutiles dorado-grises, bordes delgados, reflejos suaves y una estética de diseño japonés refinada y de alta gama. En la parte inferior izquierda dentro de la imagen de vista previa, incluya la etiqueta japonesa blanca “編集”. En la parte inferior derecha dentro de la imagen de vista previa, agregue un pequeño icono blanco para compartir/exportar. En el lado derecho de la interfaz de la aplicación, coloque exactamente 4 miniaturas de cuadrados redondeados apiladas verticalmente que representan imágenes generadas alternativas; las 3 miniaturas superiores son diseños de página de tema claro y pálido, y la cuarta miniatura coincide con el diseño de cuadrícula de cursos oscuros. Resalte la cuarta miniatura con un contorno de selección azul brillante. En la parte inferior izquierda de la captura de pantalla general, agregue exactamente 2 pequeños iconos de interfaz blancos: un icono de copiar y un menú de tres puntos horizontales. La composición debe sentirse como una captura de pantalla de producto real de una herramienta de IA creativa, con espaciado de UI nítido, sombras sutiles y un realismo preciso de captura de pantalla.