Recipe·Design recipes·RC20

Image-led hero

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

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