Genera una interfaz de aplicación de seguimiento del estado de ánimo al estilo iOS japonés, serena y con glassmorphism, tarjetas flotantes y efectos de fondo luminosos y suaves.
Objetivo: Crear un mockup pulido de una aplicación de bienestar al estilo iOS para Lumen, un rastreador de estado de ánimo y respiración con temática clara, que utilice un glassmorphism suave inspirado en Apple y texto de interfaz en japonés.
Lienzo: Captura de pantalla móvil vertical, relación de aspecto 9:16, aproximadamente 563 × 1008 px. Utiliza un fondo blanco crema aireado con un paisaje de acuarela brumoso en la parte inferior y los bordes, montañas sutiles, juncos y un rastro de luz sinuoso y brillante que recorre verticalmente el centro, en color durazno cálido cerca de la parte superior y azul pálido cerca de la parte inferior.
Diseño: Coloca el título de la aplicación en la parte superior izquierda con una fuente serif refinada, texto grande en negro que diga “Lumen”, con el subtítulo “今日の光” debajo en un texto japonés más pequeño en gris oscuro. Coloca un botón de menú hamburguesa circular en la parte superior derecha con tres líneas horizontales oscuras y una sombra suave.
Elementos principales de la interfaz: Utiliza exactamente 5 tarjetas/botones de vidrio redondeados y flotantes apilados verticalmente por el centro:
1. Tarjeta tipo píldora pequeña superior: icono de sol en color durazno cálido a la izquierda, etiqueta “集中”, hora “10:20” y un pequeño punto de estado naranja a la derecha.
2. Tarjeta tipo píldora seleccionada central: píldora translúcida blanca más grande con un contorno brillante en color verde azulado, icono de onda/respiración circular en verde azulado a la izquierda, etiqueta “穏やか”, hora “15:40” y un pequeño punto de estado verde azulado a la derecha. Añade una pequeña muesca hacia abajo centrada en la parte inferior de esta píldora, conectándola visualmente con la tarjeta expandida de abajo.
3. Tarjeta de entrada de estado de ánimo expandida: panel translúcido blanco grande y redondeado. En la parte superior izquierda tiene el mismo icono de onda verde azulado, el título “穏やか” y un botón de cierre circular con una “×” en la parte superior derecha. Muestra la hora “15:40” en texto grande. Incluye un control deslizante de estado de ánimo horizontal con exactamente 3 partes visibles: un icono de cara triste a la izquierda, una pista de control deslizante de verde azulado a gris con el mando ligeramente a la derecha del centro, y un icono de cara feliz a la derecha. Debajo, incluye un campo de entrada de texto redondeado que contenga “深呼吸のあと、少し軽くなった” con un pequeño icono de lápiz a la derecha. En la parte inferior, incluye un botón redondeado grande con degradado verde azulado etiquetado como “記録する”.
4. Tarjeta tipo píldora pequeña inferior: icono de luna y estrella azul a la izquierda, etiqueta “回復”, hora “20:45” y un pequeño punto de estado azul a la derecha.
5. Barra de navegación/acción inferior: cápsula redondeada translúcida ancha cerca de la parte inferior. Contiene exactamente 3 controles circulares: botón circular pequeño a la izquierda con un icono de gráfico de barras, botón circular dorado brillante más grande en el centro y botón circular pequeño a la derecha con un contorno de corazón. Debajo del botón brillante central, muestra la etiqueta “気分を追加”.
Estilo visual: Diseño de aplicación iOS minimalista y premium, superficies de vidrio esmerilado translúcido, esquinas redondeadas, sombras paralelas suaves, brillo delicado, profundidad sutil, espaciado limpio, atmósfera de bienestar tranquila. Utiliza colores durazno cálido, verde azulado menta, azul pálido, blanco crema y tipografía en gris carbón. Los iconos deben ser iconos de línea simples y sentirse nativos de iOS.
Restricciones: Mantén todo el texto japonés visible exactamente como se especifica. No añadas tarjetas adicionales, texto extra, logotipos, marcas de agua, marcos de dispositivo ni barra de estado. El mockup debe parecer un concepto de interfaz de aplicación generado en lugar de una captura de pantalla de una aplicación real instalada.