Genera un'interfaccia serena per un'app di monitoraggio dell'umore in stile iOS giapponese, caratterizzata da glassmorphism, schede fluttuanti ed effetti di sfondo luminosi e soffusi.
Obiettivo: Creare un mockup raffinato di un'app di benessere in stile iOS per Lumen, un tracker dell'umore e della respirazione a tema chiaro, con un glassmorphism ispirato ad Apple e testo dell'interfaccia in giapponese.
Canvas: Screenshot mobile verticale, proporzioni 9:16, circa 563 × 1008 px. Utilizzare uno sfondo color crema-bianco arioso con un paesaggio acquerellato nebbioso sul fondo e lungo i bordi, montagne sottili, canne e una scia luminosa serpeggiante che attraversa verticalmente il centro, color pesca caldo vicino alla parte superiore e azzurro pallido vicino alla parte inferiore.
Layout: Posizionare il titolo dell'app in alto a sinistra con un raffinato font serif, testo grande nero che recita “Lumen”, con il sottotitolo “今日の光” sotto in un testo giapponese grigio scuro più piccolo. Posizionare un pulsante circolare a hamburger in alto a destra con tre linee orizzontali scure e un'ombra soffusa.
Elementi principali dell'interfaccia: Utilizzare esattamente 5 schede/pulsanti in vetro arrotondati e fluttuanti, impilati verticalmente lungo il centro:
1. Scheda piccola a pillola in alto: icona del sole color pesca caldo a sinistra, etichetta “集中”, orario “10:20” e un piccolo punto di stato arancione a destra.
2. Scheda a pillola centrale selezionata: pillola traslucida bianca più grande con contorno luminoso color verde acqua, icona circolare dell'onda/respiro color verde acqua a sinistra, etichetta “穏やか”, orario “15:40” e un piccolo punto di stato verde acqua a destra. Aggiungere una piccola tacca rivolta verso il basso centrata nella parte inferiore di questa pillola, che si colleghi visivamente alla scheda espansa sottostante.
3. Scheda di inserimento dell'umore espansa: ampio pannello traslucido bianco arrotondato. In alto a sinistra è presente la stessa icona dell'onda verde acqua, il titolo “穏やか” e un pulsante di chiusura circolare con una “×” in alto a destra. Mostrare l'orario “15:40” in testo grande. Includere uno slider orizzontale dell'umore con esattamente 3 parti visibili: un'icona con faccia triste a sinistra, una traccia dello slider da verde acqua a grigio con il cursore leggermente a destra del centro e un'icona con faccia felice a destra. Sotto, includere un campo di testo arrotondato contenente “深呼吸のあと、少し軽くなった” con una piccola icona a matita a destra. In basso, includere un grande pulsante arrotondato con gradiente verde acqua etichettato “記録する”.
4. Scheda piccola a pillola inferiore: icona della luna e delle stelle blu a sinistra, etichetta “回復”, orario “20:45” e un piccolo punto di stato blu a destra.
5. Navigazione inferiore / barra delle azioni: ampia capsula arrotondata traslucida vicino al fondo. Contiene esattamente 3 controlli circolari: pulsante circolare piccolo a sinistra con icona a grafico a barre, pulsante circolare dorato luminoso più grande al centro e pulsante circolare piccolo a destra con il contorno di un cuore. Sotto il pulsante luminoso centrale, mostrare l'etichetta “気分を追加”.
Stile visivo: Design minimalista premium per app iOS, superfici in vetro smerigliato traslucido, angoli arrotondati, ombre portate soffuse, luminosità delicata, profondità sottile, spaziatura pulita, atmosfera di benessere calma. Utilizzare pesca caldo, verde acqua menta, azzurro pallido, bianco crema e tipografia color carbone. Le icone devono essere semplici icone lineari e avere un aspetto nativo per iOS.
Vincoli: Mantenere tutto il testo giapponese visibile esattamente come specificato. Non aggiungere schede extra, testo extra, loghi, filigrane, cornici del dispositivo o barra di stato. Il mockup deve apparire come un concept di interfaccia app generato piuttosto che come uno screenshot di un'app realmente installata.