Design Homepage Hero

Design Homepage Hero in Adobe Photoshop — with two ready prompts: the immediate one, and the one that makes it stick. 1 real situation leads here.

2prompt heights
1situation
1role does it
Open it in the interactive atlas →

The moments that lead here

If one of these is your afternoon, you are in the right place.

Create a clear homepage hero image that communicates the product's primary value in a single glance.

2 ready prompts

Written for the moment this actually comes up.

Execute — do the immediate task

+
Design a homepage hero image that communicates the product’s primary value at a single glance:…
Design a homepage hero image that communicates the product’s primary value at a single glance: place the product subject on a clean background, add a two-tone gradient behind it, and add clear headline and subhead lines readable at 1200px wide — deliver a flattened RGB PNG for review by Friday.

Improve — make it easier to accept

+
Before finalizing the hero, make it instantly scannable for the marketing lead: push the core…
Before finalizing the hero, make it instantly scannable for the marketing lead: push the core benefit into a short punchy headline at the top, increase contrast between text and background, scale the product so it reads at thumb-scroll sizes, and flag any readability issues on mobile widths.

Who does this, and with what

The same task is different work inside a different job.

UX / Web DesignerAdobe PhotoshopAdobe Illustratoralso: Communicate Primary Valuealso: Craft Marketing Lead Image

Next to this one

Other create work people do in Adobe Photoshop.

Every task here came from the work, not from a feature list — which is why the prompts name what you want done and never the button that does it. The tool changes; the work does not.
Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.

The rest of the map

Same library, five ways in.