Help4 Builder AI Image Prompts
Prompt before you generate
Good images start with page context.
Tell the image tool what page the asset is for, what it must communicate, what space needs to stay clear for text, and which brand colors or mood to follow.
Hero image
Describe the business, audience, mood, layout crop, safe text area, and what should not appear in the image.
Product or service proof
Ask for a realistic scene, clear subject, clean background, and no unreadable interface text.
Tutorial or support visual
Request a simple instructional graphic, numbered steps, and visual clarity at mobile size.
Hero prompt
Homepage hero background
Create a 16:9 website hero image for a [business type] serving [audience]. Keep the left third clean for headline text, use [brand colors], show [real outcome], avoid logos, avoid tiny text, and make it polished but not stock-like.
Service prompt
Proof image for a service page
Create a realistic image showing [service outcome] for [customer type]. The image should feel trustworthy, local, and practical. Leave room for a short overlay caption. Avoid exaggerated claims or fake badges.
Commerce prompt
Product or package scene
Create a clean product scene for [product/package]. Show the item or service context clearly, use a neutral background, leave space for price or CTA copy, and avoid brand names unless they are owned by the site.
Tutorial prompt
Help article visual
Create a simple tutorial image explaining [task]. Use numbered visual steps, high contrast, no tiny UI text, no fake login details, and enough spacing to remain readable on mobile.
Social prompt
Social preview image
Create a square social preview for [page/post]. Use a strong central subject, no more than three short words if text is needed, and keep the composition readable at thumbnail size.
Portfolio prompt
Recent-work visual
Create a clean portfolio card image for a website build in [industry]. Show a browser-window style composition with no real third-party logos, clear layout structure, and space for the project name.
| Image job | Prompt details to include | Builder follow-up |
|---|---|---|
| Hero section | Audience, offer, mood, safe text area, aspect ratio | Upload, crop, add alt text, test mobile. |
| Product page | Product type, buyer problem, background, call-to-action space | Pair with product gallery, comparison cards, and schema. |
| Tutorial page | Task, numbered steps, simple visual metaphors, no private data | Add screenshot cards and short captions. |
| Recent work | Industry, browser-frame look, proof angle, no unrelated logos | Use Website Snapshot when a real public URL is available. |
Useful resources
Start with the official docs, then keep the workflow practical.
ChatGPT can generate and edit images from natural-language prompts. Developers can also use the OpenAI image generation API for automated image workflows when a site needs repeatable asset creation.
ChatGPT images
OpenAI explains how to create images in ChatGPT and edit uploaded images from the ChatGPT interface.
Image API
OpenAI documents image generations and edits for applications that need programmatic image workflows.
Help4 Builder
Use the icon library, Website Snapshot, media picker, and responsive checks after generating the source image.
Official guide
Creating images in ChatGPT
Use ChatGPT when a customer needs a quick hero, service, tutorial, or social visual from a plain-English brief.
Developer guide
OpenAI image generation API
Use the API guide when a build needs repeatable generated assets, edit flows, output sizing, or automated media workflows.
Help4 workflow
Put images into Builder
Upload the final image, write alt text, choose the right crop, pair it with default icons, and preview at mobile before publishing.
Need images made for a site?
Send Help4 the page goal and rough visual idea.
Include the business type, audience, brand colors, pages needed, real photos if available, and any words or logos that must stay out of generated visuals.