# Image-led hero

Recipe · Design recipes · RC20

A page built around a real image instead of a gradient.

## Steps

1. `/image`: make the image, sized for where it goes
2. `/impeccable shape`: plan the hero around it
3. `/hallmark redesign <path>`: rebuild the page to match
4. `/impeccable optimize`: keep the image from slowing the page

## As one prompt

```text
Image-led hero. A page built around a real image instead of a gradient.
Run these in order, and check in with me between steps:
1. /image: make the image, sized for where it goes
2. /impeccable shape: plan the hero around it
3. /hallmark redesign <path>: rebuild the page to match
4. /impeccable optimize: keep the image from slowing the page
```

Source: https://atlasscope.dev/prompts/image-led-hero