Maquette d'application compagnon de sommeil

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

Objectif : Créer une maquette de prototype d'application mobile soignée montrant deux écrans d'iPhone côte à côte pour une application de compagnon de sommeil douce centrée sur {argument name="character name" default="cet enfant"}, avec un thème onirique de ciel nocturne et une adorable peluche protectrice.

Toile : Image carrée 1:1 sur fond blanc uni. Placez exactement 2 maquettes d'iPhone noirs côte à côte, à gauche et à droite, tous deux avec des coins arrondis, Dynamic Island, barre d'état et indicateur d'accueil en bas. Utilisez des cadres d'appareil réalistes avec des ombres subtiles.

Style visuel : Arrière-plans en dégradé bleu marine à indigo, minuscules étoiles éparpillées, clair de lune doux et lumineux, design d'application de bien-être japonais haut de gamme, calme et minimaliste. Utilisez des éléments d'interface arrondis, un glassmorphism subtil, des panneaux lavande sourds et des boutons d'accentuation orange chaud. L'ambiance générale doit être propice au sommeil, tendre, sûre et magique.

Détails partagés du personnage : Sur les deux écrans, montrez exactement 1 mascotte centrale : une créature bébé ressemblant à un ours en peluche lavande pastel avec de petites oreilles arrondies, des yeux noirs simples, un petit sourire, une texture en peluche douce, une pose assise et de petites ailes d'ange crème. Ajoutez une douce lueur autour de la mascotte. Incluez exactement 1 icône de croissant de lune par écran près de la zone supérieure droite.

Disposition de l'écran gauche : La barre d'état en haut affiche 18:11 avec de petites icônes de signal, Wi-Fi et batterie. Près du coin supérieur gauche, affichez le message d'accueil {argument name="greeting text" default="こんばんは"} en blanc, avec une ligne plus petite en dessous indiquant {argument name="sleep countdown text" default="睡眠時間 0:30"}. Près du coin supérieur droit, incluez exactement 1 petit bouton haut-parleur/audio circulaire. Centrez la mascotte en peluche ailée dans la partie supérieure centrale. En dessous, ajoutez un petit texte explicatif en japonais : “TikTok・Instagram Reels・YouTube Shorts を見ていた君が、ここで一緒に眠れるれるよ。” Près du bas, placez exactement 1 grand bouton principal arrondi de couleur crème intitulé {argument name="primary button text" default="この子と、夜を終える"}. En dessous, placez exactement 4 petits boutons de navigation arrondis sur une ligne, chacun avec une icône linéaire simple et des étiquettes japonaises : 1) icône d'étincelle, “森” ; 2) icône de téléphone/rectangle, “日々みる” ; 3) icône de croissant/sommeil, “おやすみ” ; 4) icône d'engrenage, “せってい”. Ajoutez exactement 1 bouton d'action circulaire orange flottant chevauchant le bord inférieur droit du grand bouton crème.

Disposition de l'écran droit : La barre d'état en haut affiche à nouveau 18:11 et les icônes du téléphone. Tout en haut au centre, incluez une courte ligne de poignée lavande fine. Centré en dessous, affichez le titre {argument name="memory title" default="この子の思い出"} en blanc. Placez la mascotte en peluche ailée sous le titre, légèrement plus petite que sur l'écran de gauche. Placez le croissant de lune en haut à droite de la mascotte. Sous la mascotte, ajoutez un petit texte japonais centré : “まだ思い出はないよ。今夜が、最初の一夜になるかも。” Laissez la moitié inférieure principalement vide avec quelques étoiles éparses. Ajoutez exactement 1 petit bouton circulaire flottant orange près du côté inférieur droit de l'écran. Incluez l'indicateur d'accueil blanc en bas.

Contraintes : Utilisez exactement 2 écrans de téléphone, exactement 2 mascottes au total, exactement 2 croissants de lune au total, exactement 4 boutons de navigation inférieurs sur l'écran de gauche et exactement 2 boutons d'action flottants orange au total. Gardez toute la typographie nette et lisible, avec le texte japonais rendu proprement. N'ajoutez pas de panneaux, logos, filigranes ou personnages supplémentaires.

Traduction automatique — c’est le prompt original qui a produit ce résultat.

✨ Générer Enregistrer Copier le prompt Partager Publication d’origine Ouvrir dans Hitboard