App and website backgrounds have one rule: don’t fight the foreground text. A gorgeous image that drowns the UI is unusable. Below are 10 background templates built to sit quietly behind buttons and headlines — splash screens, hero sections, login pages, phone wallpapers. Every prompt below works in Midjourney v7, Google’s Nano Banana Pro (Gemini 3 Pro Image), and GPT Image 1.5; the small per-tool differences are noted at the end.
TL;DR
- Use a low-contrast palette plus generous negative space so text stays readable.
- Forbid subjects explicitly (
no objects, no center subject, no faces) — backgrounds, not artwork. - Set the aspect ratio for the target surface:
16:9/21:9desktop,9:16phone. - Pick the tool by surface: Midjourney v7 for style, Nano Banana Pro for native 4K, GPT Image for “describe it in plain English.”
What a high-quality background prompt contains
Background prompts differ from “artwork prompts” in five concrete ways:
- Aspect:
--ar 16:9/--ar 21:9desktop,--ar 9:16phone — never 1:1 - Forbidden subjects:
no objects, no center subject, no faces— critical - Contrast:
low contrast palette/soft gradient— so text remains readable - Whitespace:
plenty of negative space, plenty of empty space— leave room for UI - Style cue:
minimal modern UI design aesthetic/glass morphism/mesh gradient
10 copy-ready prompt templates
1. Soft pastel gradient
Best for: Wellness / meditation app splash
Abstract soft gradient background, pastel lavender to mint, gentle radial blur, subtle noise texture, no objects, minimal modern design, --ar 16:92. Dark tech ambient
Best for: Dev tools, productivity apps
Dark ambient background, deep navy with subtle teal and magenta light leaks, soft bokeh particles, slight grain, 4K ultra clean, no center subject, --ar 16:93. Liquid metal texture
Best for: Website hero, brand visuals
Abstract organic texture, flowing liquid metal in silver and blue, soft studio light, ultra-detailed minimal modern, plenty of negative space, --ar 21:94. Warm sunrise wallpaper
Best for: Lifestyle apps, iOS wallpapers
Soft warm gradient background, peach to coral, very subtle wave pattern, no objects, plenty of empty space, modern minimalist iOS aesthetic, --ar 9:165. Mesh gradient
Best for: AI / design tool apps
Geometric mesh gradient, smooth shifting hues from indigo to magenta to gold, ultra clean modern, no objects, subtle grain, --ar 16:96. Misty forest
Best for: Reading / travel apps
Misty forest scene with sun rays through pine trees, very soft focus, muted teal-green palette, dreamy painterly look, no main subject, --ar 16:97. Paper-cut layers
Best for: Premium brand hero, e-magazines
Minimal abstract paper-cut layers in cream and dusty blue, soft side light casting gentle shadows, no objects, premium editorial feel, --ar 21:98. Deep starfield
Best for: Dark mode hero, album backdrops
Subtle starfield background, deep cobalt sky with faint nebula glow, tiny pinpoint stars, plenty of empty dark space, no center subject, --ar 16:99. Watercolor wash
Best for: Meditation, notes, mood apps
Top-down soft watercolor wash, sage green and warm beige, organic blooming edges, plenty of negative space, no objects, calm and serene, --ar 16:910. Glass morphism
Best for: SaaS websites, login screens
Abstract glass morphism background, frosted translucent shapes layered over a soft pink-and-cyan gradient, premium modern UI design aesthetic, --ar 16:9Which tool for which background (June 2026)
The --ar flag is Midjourney syntax. In Nano Banana Pro and GPT Image you keep the same descriptive words and set the ratio in the UI instead. Here is how the three behave for backgrounds:
| Tool | Best at | Aspect ratios | Max resolution | Notes |
|---|---|---|---|---|
| Midjourney v7 | Style, texture, painterly washes (#3, #6, #9) | --ar up to 4:1; presets include 16:9, 21:9, 9:16, 4:5 | ~2048px (upscale to ~4K) | v7 reads natural sentences; exclude with --no text, logos, faces |
| Nano Banana Pro (Gemini 3 Pro Image) | Clean gradients, glass morphism, crisp 4K (#1, #5, #10) | 1:1, 16:9, 9:16, 21:9, 4:5 (UI dropdown) | Native 4K (4096×4096) | Free Gemini app caps output near 1K with a SynthID watermark; 4K needs Google AI Pro ($19.99/mo) or the API |
| GPT Image 1.5 (in ChatGPT) | “Describe it in plain English,” reliable in-image text | Three sizes: 1024×1024, 1024×1536, 1536×1024 | 1536px on the long edge | Free tier ~2–3 images per 24h; no true free-form ratio, so generate the closest size and crop |
For phone wallpaper, use 9:16 rather than odd values like 9:19.5. No generator reliably hits exact device ratios, so render at 9:16 (or 1:2 then crop) and trim to the device frame in Figma or Photoshop.
Common mistakes
- Putting a face or product in the background — focus is stolen, UI text can’t compete
- Palette too high-contrast — text drowns wherever you put it
- Too much fine detail — pretty, but it kills button readability
- Prompting just
beautiful background— the model packs in random elements - Omitting the aspect ratio — desktop and phone backgrounds aren’t interchangeable
How to push results further
- Gradient + grain feel: add
subtle noise texture, slight grain - 3D depth: add
3D mesh gradientorliquid metal - Dark-mode backgrounds:
soft bokeh particleskeeps it from going flat black - iOS wallpaper look:
modern minimalist iOS aesthetic - Hero sections: reserve a side with
large dark area on left for headline, then place copy there
FAQ
Q: The background is too bright and white foreground text drowns. Fix?
A: Lower the light: write soft overcast light instead of bright sunlight, and add slightly desaturated palette. In Nano Banana Pro you can also follow up with “darken the lower third for white text” since it edits conversationally.
Q: I need an infinitely scrollable / seamless gradient. How?
A: Generate the base, then build a seamless tile in Photoshop or Figma. Direct seamless-tile generation is still unreliable across all three tools as of June 2026.
Q: Can I generate exact iOS / Android wallpapers directly?
A: Not exactly. Modern phone screens are roughly 9:19.5 (iPhone) to 9:20 (most Android), but generators only expose 9:16. Render at 9:16 or 1:2 and crop to the device frame — that is more reliable than chasing an exact ratio.
Q: Random geometric lines or text keep appearing. How do I remove them?
A: In Midjourney add --no text, logos, geometric shapes, grid lines. In Nano Banana Pro or GPT Image, state it in the sentence: “no text, no logos, no grid lines, clean abstract surface only.”
Q: Which tool should an indie dev start with?
A: If you already pay for Google AI Pro, Nano Banana Pro gives free native-4K backgrounds with the cleanest gradients. If you want the strongest art direction and texture, Midjourney’s $10/mo Basic plan (~200 images) is enough for a launch. GPT Image is the fastest if you just want to describe the vibe and iterate in chat.