Updated: 4 November 2026

Flat vector hero illustration for a website

This prompt makes a flat vector illustration for the top of a website. You give the type of site, the topic and the scene, such as a diverse team collaborating around a table, and use it as a hero image.

image-website-hero-illustration — chatgpt — 46 words

A flat vector hero illustration for a [TYPE] website about [TOPIC]. Shows [SCENE, e.g. diverse team collaborating around a big dashboard], friendly characters, limited palette of [COLOURS], soft shapes, generous empty space on the left for a headline, no text in the image, wide 16:9 composition.

Edit in the builder Copy & open ChatGPT ↗Copy & open Gemini ↗Copy & open Midjourney ↗

Ask for the same style in 3 different scenes to keep your site consistent.

Get a better result

What you will get

A wide flat vector illustration of your scene with friendly characters and soft shapes in your palette, with empty space on the left for the headline and no text in the picture.

Why it works

A hero illustration has to leave room for the headline and button, so the prompt reserves space on the left and bans text in the image. A limited palette and soft shapes keep it on brand and calm. Asking for flat vector style gives clean edges that scale well on large screens.

Common mistake

The characters fill the whole frame.

Fix: Keep “generous empty space on the left” and say how much, such as “left 40% plain background”.

Also watch for

Text or fake logos appear on screens. Keep “no text in the image” and ask for screens to show simple shapes only.
Hands and faces look odd. Flat styles hide this best. Ask for simple faces without detailed features.

Try a variation: matching set

As the tip says, ask for two more scenes in the same style, such as a support chat and a happy customer, for other pages.

Still not right? Reply with this

Keep the same style and palette, move the characters to the right third, and leave the left 40 percent as plain background with no text anywhere.