Question 1

Should the headline be generated in the image or added afterwards?

Accepted Answer

Added afterwards, for a hero banner. The hero-banner prompt generates a plate with the product on one side and two-thirds of clean space on the other, and you set the headline and button in your site builder where they stay editable, crisp and translatable. Generated text is fine for a short-lived sale graphic where a three-word headline is the whole message.

Question 2

What size is a website hero banner?

Accepted Answer

Most themes use around 1920 × 600 to 1920 × 800 pixels — wider than any generator ratio. Generate at 21:9, which the image generator supports, and trim the height to your theme; keep the product in the safe zone away from the edges. The banner prompts list the delivery sizes and the crop for each.

Question 3

How do I make the banner match my brand colours?

Accepted Answer

Every banner prompt exposes the palette as variables — [Background color], [Accent color], [Primary color] — rather than hard-coding a look. Set them to your brand values once and reuse the prompt for every campaign; the composition stays the same and only the colours and products change.

Question 4

Can I reuse one banner for email and paid social?

Accepted Answer

Yes, if you generate the master at 21:9 and crop. The sizes list on each banner prompt gives the crop for a 1200 × 628 Meta ad and a 16:9 email header from the same plate. For 1:1 and 9:16 placements, generate a second version with the square or story ad prompt rather than cropping a wide plate.

Name	Size	Use Case
Hero	1920x600	Homepage top
Promo	1200x400	Category pages
Mini	600x200	Sidebars
Mobile	640x480	Mobile homepage

Design E-commerce Hero Banners That Convert

Step-by-Step Guide

Define Banner Purpose

Plan Layout Zones

Choose Visual Style

Generate Background

Add Copy and CTA

E-commerce Hero Banner Design

Banner Anatomy

Common Banner Sizes

Design Principles

Copy Best Practices

Results Gallery

Prompts to try

Frequently asked questions

Should the headline be generated in the image or added afterwards?

What size is a website hero banner?

How do I make the banner match my brand colours?

Can I reuse one banner for email and paid social?

Related use cases

App Used

Difficulty

Tags

Ready to create?