Mockup de interface de usuário do aplicativo Pote de Poupança 3D

{ "type": "Modelo Visual Principal do Conceito de Aplicativo Fintech Avançado", "style": "Interface de usuário elegante em 3D com efeito de vidro, gradiente verde menta profundo, renderização realista de smartphone, iluminação suave de estúdio, alto contraste, exibição de design de produto requintado, efeitos delicados de desfoque e halo e sombras cinematográficas.", "canvas": { "aspect_ratio": "16:9 Paisagem", "background": "Um gradiente suave de ciano para verde esmeralda, desvanecendo para quase preto na parte inferior, criando um fundo de exibição minimalista e tecnologicamente avançado." }, "layout": { "centerpiece": "Um smartphone grande, preto, no estilo iPhone, ligeiramente centralizado à direita, voltado para a frente, com cantos arredondados, um recorte dinâmico para a câmera em formato de ilha, uma moldura preta fina, botões laterais realistas e efeitos reflexivos.", "left_text_block": { "position": "Esquerda e Centro", "headline": "{argument name=\"texto do título\" default=\"Guarde suas economias em um lugar seguro\"}", "style": "Fonte sans-serif grande em cinza claro, duas linhas, transparência suave" }, "right_text_block": { "position": "Inferior direito", "paragraph_count": 2, "text": [ "Este aplicativo é um projeto conceitual. Usarei o Claude para o desenvolvimento. Fique atento para mais atualizações.", "O conceito visa facilitar o gerenciamento de economias em um único aplicativo por meio de uma interface de usuário bonita." ], "style": "Fonte sans-serif cinza suave e pequena" }, "top_badges": { "count": 2, "items": [ { "position": "Canto superior esquerdo", "text": "Aplicativo de Poupança", "shape": "Cápsulas translúcidas verde-menta com cantos arredondados" }, { "position": "Canto superior direito", "text": "{argument name=\"creator handle\" default=\" @Ilia Zolotukhin\"}", "shape": "Cápsulas translúcidas verde-menta com cantos arredondados" } ] } }, "phone_screen": { "status_bar": { "time": "9:41", "icons": "Sinal, Wi-Fi, Bateria", "count": 4 }, "top_controls": { "count": 2, "items": [ { "position": "Canto superior esquerdo", "text": "{argument name=\"progresso da poupança\" default=\"$1350 / $5.000\"}", "icon": "Ícone de pequena chama ou gota d'água", "shape": "Cápsulas arredondadas translúcidas na cor menta" }, { "position": "Canto superior direito", "icon": "Ajustar engrenagem", "shape": "Botão redondo verde menta" } ] }, "main_visual": "Um grande frasco de vidro translúcido com uma tampa metálica na cor menta está posicionado no centro da tela, com moedas de prata empilhadas na parte inferior; apresenta um efeito brilhante e refrativo, destaques verticais, profundidade 3D e um fundo interno verde escuro.", "micro_instruction": "Agite seu telefone para adicionar um novo valor", "stats_card": { "position": "parte inferior da tela do telefone", "shape": "Grande cartão de vidro arredondado escuro", "title": "Total de Poupança", "main_amount": "{argument name=\"valor economizado\" default=\"$1.350\"}", "time_toggle": { "count": 3, "labels": [ "day", "week", "moon" ], "active": "day" }, "metrics": { "count": 3, "items": [ { "value": "$50", "label": "Adicionado" }, { "value": "12 dias", "label": "Gravação contínua" }, { "value": "15 de abril de 2026", "label": "Data de criação" } ] } }, "bottom_buttons": { "count": 2, "items": [ { "text": "estatísticas", "style": "Botões com cantos arredondados escuros" }, { "text": "Economizando dinheiro", "style": "Botões com cantos arredondados verde menta brilhante" } botões" } ] } }, "rendering_notes": "Faça do cofrinho o ponto focal visual, exibindo a transparência realista do vidro e a geometria da moeda. O layout limpo e moderno, o espaço em branco equilibrado e o design organizado proporcionam qualidade de foto de produto, tornando-o adequado para prévias de páginas de destino de aplicativos de poupança." }