Skip to content
SloplessTry the picker

Hero library · full-bleed

Full-bleed photo with caption

hero.fullbleed-photo-caption: any design can use this hero. It suits the styles below; pairing it with another style makes the picker warn about a clash.

Rule
A photograph spans the full viewport width at 21:9; under it, a caption row like a museum plate: headline 1–7, caption and CTA 9–12. No text on the image.
Slots
heroImage, headline, caption, cta
Grid
headline 1-7 · caption 9-12
Notes
The image is edge to edge; the caption row returns to the normal content width and grid.

Do

  • Run the photo across the full viewport width at 21:9 (4:5 at phone width), cropped with intent.
  • Bring the caption row back to the content width and the 12-column grid: headline 1–7, caption + CTA 9–12.
  • Write the caption like a plate caption: what, where, who — one or two short lines.

Don't

  • Don't put the headline or buttons on top of the photo, and don't darken it with an overlay.
  • Don't use a carousel; one photo only.
  • Don't shrink the photo into the content width — the bleed is the point.

Try this hero in the pickerllms.txt

Live, in 3 styles it suits

In Editorial Magazine

hero.fullbleed-photo-caption · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Desktop

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Phone, 390 px

In Luxury Fashion

hero.fullbleed-photo-caption · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Desktop

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Phone, 390 px

In Organic Earth

hero.fullbleed-photo-caption · hero

Open alone, full size (desktop, tablet, phone; layout tree included)

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Desktop

We make complicated companies simple to choose

Corvid Robotics — identity

Start a project
Phone, 390 px

Suits

Editorial MagazineLuxury FashionOrganic EarthJapanese MinimalScandinavian SoftSwiss InternationalClassical BookishAthletic SportMid-Century ModernBroadsheet Newspaper

Clashes with

Terminal MonoBento Tech