Generate a UI Screen Mockup in Midjourney

This is a Midjourney image prompt that produces a polished, presentation-ready mobile app UI concept rather than a functional design. It stacks specific visual cues, dark mode, glassmorphism, neon accents, card layout, and an iPhone 15 Pro device mockup, so the output looks like a designed screen on a clean studio backdrop, ideal for mood boards and client pitches. The trailing parameters set a 9:16 phone aspect ratio and the v6 model, which you should keep so the framing and rendering match the intent.

What you can expect back

[Image result] A floating iPhone 15 Pro centered on a soft dark-gradient studio background. The screen shows a meditation/sleep app: a frosted-glass top card displaying tonight's sleep score, teal neon ring progress indicator, and below it a vertical stack of rounded cards for 'Breathe', 'Sleep Sounds', and 'Wind Down', each with subtle glassmorphism blur and a teal accent icon. Clean sans-serif labels, generous spacing, soft ambient glow under the phone. 9:16 portrait framing.

Note: Midjourney returns 4 variations; use the U/V buttons to upscale your favorite or generate alternates.

Illustrative example — your results will vary by tool and inputs.

Get sharper results

• 01Keep --ar 9:16 so the image fills a real phone aspect ratio; switching to a square or landscape ratio breaks the device-mockup framing.
• 02Add one concrete screen type ('home dashboard', 'checkout flow', 'onboarding screen') so Midjourney composes a coherent layout instead of a generic blur of cards.
• 03Treat the text on generated UI as decorative; Midjourney can't render reliable labels, so use it for visual direction, not as a literal spec.
• 04Swap the neon color to match a brand palette and add a second accent ('neon teal and soft magenta accents') for a more distinctive look.
• 05Use --style raw if you want a flatter, more literal UI look with less of Midjourney's default artistic glow.

Adapt it for your case