Vídeos Imagens
Entrar
Bedtime Companion App Mockup

Bedtime Companion App Mockup

A two-screen iPhone app prototype for a calming Japanese bedtime companion experience with a winged plush mascot and night-sky UI.

visualizações948
curtidas1
comentários0
compartilhamentos0
salvos0
citações1
Traduzido
Objetivo: Criar um mockup de protótipo de aplicativo móvel refinado, exibindo duas telas de iPhone lado a lado para um aplicativo suave de companhia para a hora de dormir, focado em {argument name="character name" default="esta criança"}, com um tema de céu noturno onírico e um mascote de pelúcia guardião fofo.

Canvas: Imagem quadrada 1:1 em um fundo branco simples. Coloque exatamente 2 mockups de iPhone pretos lado a lado, esquerda e direita, ambos com cantos arredondados, Dynamic Island, barra de status e indicador de início na parte inferior. Use molduras de dispositivo realistas com sombras sutis.

Estilo visual: Fundos com gradiente de azul marinho a índigo, pequenas estrelas espalhadas, luar com brilho suave, design premium de aplicativo de bem-estar japonês, calmo e minimalista. Use elementos de interface arredondados, glassmorphism sutil, painéis em lavanda suave e botões de destaque em laranja quente. A atmosfera geral deve transmitir sensação de sono, ternura, segurança e magia.

Detalhes compartilhados do personagem: Em ambas as telas, mostre exatamente 1 mascote central: uma criatura bebê semelhante a um ursinho de pelúcia em lavanda pastel com pequenas orelhas arredondadas, olhos pretos simples, sorriso pequeno, textura de pelúcia macia, pose sentada e pequenas asas de anjo cor de creme. Adicione um brilho suave ao redor do mascote. Inclua exatamente 1 ícone de lua crescente por tela perto da área superior direita.

Layout da tela esquerda: A barra de status no topo mostra 18:11 com pequenos ícones de sinal, Wi-Fi e bateria. Perto do canto superior esquerdo, exiba a saudação {argument name="greeting text" default="こんばんは"} em branco, com uma linha menor abaixo lendo {argument name="sleep countdown text" default="睡眠時間 0:30"}. Perto do canto superior direito, inclua exatamente 1 pequeno botão circular de alto-falante/áudio. Centralize o mascote de pelúcia alado na parte superior central. Abaixo dele, adicione um pequeno texto explicativo em japonês: “TikTok・Instagram Reels・YouTube Shorts を見ていた君が、ここで一緒に眠れるれるよ。” Perto da parte inferior, coloque exatamente 1 botão principal grande e arredondado na cor creme, rotulado como {argument name="primary button text" default="この子と、夜を終える"}. Abaixo dele, coloque exatamente 4 pequenos botões de navegação arredondados em uma linha, cada um com um ícone de linha simples e rótulos em japonês: 1) ícone de brilho, “森”; 2) ícone de telefone/retângulo, “日々みる”; 3) ícone de crescente/sono, “おやすみ”; 4) ícone de engrenagem, “せってい”. Adicione exatamente 1 botão de ação circular laranja flutuante sobrepondo a borda inferior direita do botão grande cor de creme.

Layout da tela direita: A barra de status no topo mostra novamente 18:11 e os ícones do telefone. Bem no centro superior, inclua uma linha de alça lavanda curta e fina. Centralizado abaixo, mostre o título {argument name="memory title" default="この子の思い出"} em branco. Coloque o mascote de pelúcia alado abaixo do título, ligeiramente menor do que na tela esquerda. Coloque a lua crescente no canto superior direito do mascote. Abaixo do mascote, adicione um pequeno texto centralizado em japonês: “まだ思い出はないよ。今夜が、最初の一夜になるかも。” Deixe a metade inferior quase vazia com estrelas esparsas. Adicione exatamente 1 pequeno botão circular laranja flutuante perto do lado inferior direito da tela. Inclua o indicador de início branco na parte inferior.

Restrições: Use exatamente 2 telas de telefone, exatamente 2 mascotes no total, exatamente 2 luas crescentes no total, exatamente 4 botões de navegação inferiores na tela esquerda e exatamente 2 botões de ação flutuantes laranja no total. Mantenha toda a tipografia nítida e legível, com o texto em japonês renderizado de forma limpa. Não adicione painéis extras, logotipos, marcas d'água ou personagens adicionais.

Tradução automática — o prompt original é o que gerou este resultado.

✨ Gerar Publicação original Abrir no Hitboard

Como usar este prompt

Copie o prompt e cole no GPT Image 2. Mantenha a composição, a iluminação e os termos de estilo como estão: foi isso que produziu este resultado. Troque apenas o assunto ou os detalhes da cena, mantenha a proporção e anexe as referências, se houver. Gere duas ou três vezes; a melhor versão raramente é a primeira.