(01) // IMAGE GENERATION

Turn a written feature description into a UI mockup

An image prompt that turns a plain description of a feature into a clean interface mockup — with the constraints that stop it producing dribbble-style fiction.

15 SEPT 2026 · Midjourney · DALL·E

THE PROMPT// MIDJOURNEY / DALL·E

Clean user interface mockup of [SCREEN PURPOSE], shown on [DEVICE].
Layout: [PRIMARY ELEMENT] occupies the top third, [SECONDARY ELEMENT] below it,
single primary action button, one level of navigation only.
Style: restrained and functional, 8px spacing rhythm, one accent colour on [ACCENT],
neutral greys elsewhere, system sans-serif type, generous whitespace, real-length labels.
Flat presentation, straight-on view, no perspective, no device bezel decoration,
no floating cards with heavy drop shadows.
--no lorem ipsum, gradients, 3D icons, fake charts with unlabelled axes, marketing copy

// WHAT TO REPLACE

[SCREEN PURPOSE]
What the user is trying to finish, not what the screen contains. "Reviewing and approving a driver's timesheet" beats "timesheet dashboard".
[DEVICE]
"a desktop browser at 1440px" or "an iPhone". The layout rules change completely between the two.
[PRIMARY ELEMENT]
The one thing the user looks at first. If you cannot name it, the screen is not designed yet.
[ACCENT]
Where the single accent colour is allowed to appear — usually the primary action only.