Lumen iOS Wellness App Mockup
Generates a serene Japanese iOS-style mood tracking app interface with glassmorphism, floating cards, and soft luminous background effects.
Prompt
Objetivo: Criar um mockup polido de aplicativo de bem-estar no estilo iOS para {argument name="app name" default="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.
Tradução automática — o prompt original é o que gerou este resultado.
Prompt original
Goal: Create a polished iOS-style wellness app mockup for {argument name="app name" default="Lumen"}, a light-themed mood and breathing tracker, with soft Apple-inspired glassmorphism and Japanese UI text.
Canvas: Vertical mobile screenshot, 9:16 aspect ratio, approximately 563 × 1008 px. Use an airy cream-white background with a misty watercolor landscape at the bottom and edges, subtle mountains, reeds, and a glowing winding light trail running vertically through the center in warm peach near the top and pale blue near the bottom.
Layout: Place the app title at top left in a refined serif font, large black text reading “Lumen”, with the subtitle “今日の光” underneath in smaller dark gray Japanese text. Place one circular hamburger menu button at top right with three dark horizontal lines and a soft shadow.
Main UI elements: Use exactly 5 floating rounded glass cards/buttons stacked vertically down the center:
1. Top small pill card: warm peach sun icon on the left, label “集中”, time “10:20”, and one small orange status dot on the right.
2. Middle selected pill card: larger white translucent pill with teal glow outline, teal circular wave/breath icon on the left, label “穏やか”, time “15:40”, and one small teal status dot on the right. Add a small downward notch centered at the bottom of this pill, visually connecting to the expanded card below.
3. Expanded mood entry card: large rounded white translucent panel. Top left has the same teal wave icon, title “穏やか”, and a circular close button with an “×” at top right. Show the time “15:40” in large text. Include one horizontal mood slider with exactly 3 visible parts: a sad face icon on the left, a teal-to-gray slider track with the knob slightly right of center, and a happy face icon on the right. Beneath it, include a rounded text input containing “深呼吸のあと、少し軽くなった” with a small pencil icon on the right. At the bottom, include a large teal gradient rounded button labeled “記録する”.
4. Lower small pill card: blue moon-and-star icon on the left, label “回復”, time “20:45”, and one small blue status dot on the right.
5. Bottom navigation / action bar: wide translucent rounded capsule near the bottom. It contains exactly 3 circular controls: left small circular button with a bar chart icon, center larger glowing golden circular button, and right small circular button with a heart outline. Under the center glowing button, show the label “気分を追加”.
Visual style: Minimal premium iOS app design, translucent frosted glass surfaces, rounded corners, soft drop shadows, delicate glow, subtle depth, clean spacing, calm wellness atmosphere. Use warm peach, mint teal, pale blue, cream white, and charcoal typography. Icons should be simple line icons and feel native to iOS.
Constraints: Keep all visible Japanese text exactly as specified. Do not add extra cards, extra text, logos, watermarks, device frame, or status bar. The mockup should look like a generated app UI concept rather than a screenshot of a real installed app.✨ Gerar Salvar Publicação original Abrir no Hitboard