Gera uma interface de aplicativo de rastreamento de humor sereno no estilo iOS japonês com glassmorphism, cartões flutuantes e efeitos de fundo luminosos suaves.
Objetivo: Criar um mockup polido de aplicativo de bem-estar no estilo iOS para Lumen, um rastreador de humor e respiração com tema claro, utilizando glassmorphism suave inspirado na Apple e texto da interface em japonês.
Canvas: Captura de tela vertical para dispositivos móveis, proporção 9:16, aproximadamente 563 × 1008 px. Use um fundo branco-creme arejado com uma paisagem aquarela nebulosa na parte inferior e nas bordas, montanhas sutis, juncos e um rastro de luz sinuoso e brilhante correndo verticalmente pelo centro, em tom pêssego quente perto do topo e azul pálido perto da base.
Layout: Coloque o título do aplicativo no canto superior esquerdo em uma fonte serifada refinada, texto grande em preto escrito “Lumen”, com o subtítulo “今日の光” abaixo em texto menor em cinza escuro. Coloque um botão de menu hambúrguer circular no canto superior direito com três linhas horizontais escuras e uma sombra suave.
Elementos principais da interface: Use exatamente 5 cartões/botões de vidro arredondados e flutuantes empilhados verticalmente pelo centro:
1. Cartão pequeno superior: ícone de sol em tom pêssego quente à esquerda, rótulo “集中”, hora “10:20” e um pequeno ponto de status laranja à direita.
2. Cartão central selecionado: pílula translúcida branca maior com contorno brilhante em azul-petróleo, ícone de onda/respiração circular em azul-petróleo à esquerda, rótulo “穏やか”, hora “15:40” e um pequeno ponto de status azul-petróleo à direita. Adicione um pequeno entalhe voltado para baixo centralizado na parte inferior desta pílula, conectando-se visualmente ao cartão expandido abaixo.
3. Cartão de registro de humor expandido: painel translúcido branco grande e arredondado. No canto superior esquerdo, o mesmo ícone de onda em azul-petróleo, título “穏やか” e um botão de fechar circular com um “×” no canto superior direito. Mostre a hora “15:40” em texto grande. Inclua um controle deslizante de humor horizontal com exatamente 3 partes visíveis: um ícone de rosto triste à esquerda, uma trilha de controle deslizante de azul-petróleo para cinza com o botão ligeiramente à direita do centro e um ícone de rosto feliz à direita. Abaixo, inclua uma entrada de texto arredondada contendo “深呼吸のあと、少し軽くなった” com um pequeno ícone de lápis à direita. Na parte inferior, inclua um botão arredondado grande com gradiente azul-petróleo rotulado como “記録する”.
4. Cartão pequeno inferior: ícone de lua e estrela azul à esquerda, rótulo “回復”, hora “20:45” e um pequeno ponto de status azul à direita.
5. Navegação inferior / barra de ação: cápsula arredondada translúcida larga perto da parte inferior. Contém exatamente 3 controles circulares: botão circular pequeno à esquerda com ícone de gráfico de barras, botão circular dourado brilhante maior no centro e botão circular pequeno à direita com um contorno de coração. Abaixo do botão brilhante central, mostre o rótulo “気分を追加”.
Estilo visual: Design de aplicativo iOS premium minimalista, superfícies de vidro fosco translúcido, cantos arredondados, sombras projetadas suaves, brilho delicado, profundidade sutil, espaçamento limpo, atmosfera de bem-estar calma. Use tons de pêssego quente, azul-petróleo menta, azul pálido, branco-creme e tipografia em cinza carvão. Os ícones devem ser ícones de linha simples e parecer nativos do iOS.
Restrições: Mantenha todo o texto em japonês visível exatamente como especificado. Não adicione cartões extras, texto extra, logotipos, marcas d'água, moldura de dispositivo ou barra de status. O mockup deve parecer um conceito de interface de aplicativo gerado, em vez de uma captura de tela de um aplicativo real instalado.