# Hero open now stamp

> A café home hero: a large photograph with a round Open today stamp giving the hours lapping its bottom corner, and beside it a label, the headline, a line of welcome, two actions and the address on a rule. Example image included and replaceable in the editor. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/hero-open-now-stamp.html
Section: Hero
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0. 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, column, columns, cover, group, heading, image, paragraph
Keywords: café, bakery, hero, opening hours, open today, home page

## Variations (2)

### Open today (the default)

Identical markup in every theme.

Your base ground and contrast text, the stamp a contrast circle with base type ringed in your ground, your theme’s button and an underlined link.

### Crumb

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

The Crumb café set: oat ground, a terracotta stamp ringed in oat, espresso Georgia headline, an espresso pill and an underlined link.


---

## The signature moment: a café home hero; a large photo with a round "Open today, 8 to 4" stamp (a `core/cover` circle, plain colour, aspectRatio 1, 50% radius) lapping its corner, headline and two actions beside it

**The hours are a stamp, not a line of small print.** A circle (a
`core/cover` with a plain colour, aspect ratio 1 and a 50% radius) ringed in
the page ground laps the photograph's bottom right corner, half on the photo
and half below it. The photo and the stamp's row are the two items of a
vertical flex group, and the stamp row is the second item with a negative top
margin, so the stamp paints over the photo. The stamp is 11rem on a laptop and
8rem on a phone, and the lap scales with it.

## What it inherits from your theme

- **Typeface.** The base states no font family.
- **Palette.** Your `base` ground and `contrast` text; the label tries
  `role-label` and the address rule `role-rule`. The stamp is a `contrast`
  circle with `base` type, ringed in `base`.
- **Buttons.** Your theme's button with a stated padding, and an underlined
  text link.

## What it decides for itself

- **The headline.** The `xx-large` rung: its job is hierarchy.
- **The stamp's hours.** Off the ladder: `clamp(1.875rem, 3.2vw, 2.75rem)`,
  sized to the circle.

## What to change first

1. **The photograph.** Your room, your counter or your window.
2. **The stamp.** Your days and hours.
3. **The links.** `#menu` and `#find-us`.

## The Crumb look

Part of the Crumb Pattern Set, one café's whole site in one design language:
oat ground `#f4ecdf`, espresso ink `#2b1d16`, muted cocoa `#5c4a3f`, milk
cards `#fbf7f0` on oat hairlines `#dccfbf`, terracotta `#b3462d` labels and
peach `#e8a27c` on the espresso slab. Headings are Georgia at 400, body,
labels and buttons Helvetica; buttons are espresso pills or underlined links,
cards and photographs rounded at 14px. Every text pair is measured on the
ground it is painted on. Take the base for your theme's colours, or the
look's **Use my theme** chip.

## Notes

- Core blocks only: group, columns, column, image, cover, heading, paragraph, buttons, button. No plugin, nothing to keep updated.
- The root group sets headings and links to `currentColor`, so every heading,
  paragraph and link inherits the group's text colour in any theme; only
  role-bearing text (labels, rules, plates) carries its own chain.

## Included images

The copied markup includes WordPress Photo Directory example photographs. The public image URLs
keep the examples visible after pasting. Select an image and choose
**Replace** to use your own Media Library files. See [image credits](/image-credits/)
for the sources and licenses. Pasting an image URL does not import a Media Library
attachment.