# Hero cover bookmark

> A bright café photograph fills a full-width cover behind a tall, inset copy panel. A short stacked headline, service details and one menu button stay on the panel, leaving most of the photograph open. The inherited base follows the theme; the Styled look adds parchment, juniper and a serif display face.

Canonical: https://patternpaste.com/pattern/hero-cover-bookmark.html
Section: Hero
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, cover, group, heading, paragraph
Keywords: hero, photograph, hospitality, café

## Variations (2)

### Hero cover bookmark (the default)

Identical markup in every theme.

### Parchment and juniper

This variation states its own colours and states its own type: identical in every theme.

Parchment ground, deep green ink and a juniper button, with Georgia display type and Arial body copy.


---

## The signature moment: a tall inset bookmark holds the words while the room fills the frame

The panel is a slender page marker on the left, inset from all four cover edges. A large, three-line headline sits near its top; a short service note, opening hours and the menu action sit at the foot. The rest is open photograph. The cover keeps its default content position so its inner flex row keeps the panel aligned.

## What it inherits, what it decides

The Core version inherits the theme palette, face, heading weight and button finish. The panel uses base and contrast chains; headings and links follow the panel ink. The display heading uses a clamp because its size is the composition. Body copy takes the medium rung. Text stays on a solid panel, so the photograph needs no veil.

The panel grows from a phone-friendly minimum to roughly a third of the desktop frame. The cover is at least 44rem tall. On a phone, a border and a clear region of the photograph remain around the inset panel.

## Styled look

Parchment and juniper uses parchment #EFE5CD, ink #29392E and juniper #395F49. Georgia supplies the display; Arial and Helvetica supply the body. The juniper menu button has a small, explicit radius. The inherited base is the equivalent Use my theme composition.

## What a buyer changes first

Replace the café name, headline, hours and menu link. Fern House is fictional; the photograph does not claim to show a business with that name. Keep the headline short enough for the narrow panel and keep the service note brief.

## Included image

The reviewed WordPress Photo Directory café photograph travels as a public URL. Its crop favours the table, chairs and palms. Select the cover and choose Replace to use a Media Library photograph. The URL does not import an attachment. Sources and licences are in [image credits](/image-credits/).