Gera uma interface de aplicativo de rastreamento de humor serena no estilo iOS japonês, com glassmorphism, cartões flutuantes e efeitos de fundo luminosos e 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 de 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 em aquarela suave na parte inferior e nas bordas, montanhas sutis, juncos e uma trilha de luz sinuosa e brilhante que percorre o centro verticalmente, 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 ao centro:
1. Cartão tipo pílula pequeno no topo: ícone de sol em pêssego quente à esquerda, rótulo “集中”, hora “10:20” e um pequeno ponto de status laranja à direita.
2. Cartão tipo pílula selecionado no meio: 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 azul-petróleo, título “穏やか” e um botão de fechar circular com um “×” no canto superior direito. Exiba 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 tipo pílula pequeno inferior: ícone de lua e estrela azul à esquerda, rótulo “回復”, hora “20:45” e um pequeno ponto de status azul à direita.
5. Barra de navegação/ação inferior: 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 ao centro e botão circular pequeno à direita com um contorno de coração. Abaixo do botão brilhante central, exiba 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 pêssego quente, azul-petróleo menta, azul pálido, branco-creme e tipografia em cinza carvão. Os ícones devem ser 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, e não uma captura de tela de um aplicativo real instalado.