Hero

Where you can add it

Not in section groups: Header, Footer.

Settings

Setting	Type	Default	Options and range
Image	Image	—
Eyebrow	Text	—
Heading	Text	Cut for the cold months
Text	Text	—
Solid button label	Text	—
Solid button link	Link	—
Glass button label	Text	—
Glass button link	Link	—
Product chip A small card in the corner that links to the product shown in the photograph.	Product	—
Product chip label Shown when Product chip is set.	Text	Worn here
Layout
Height	Select	Full screen	Small Medium Large Full screen
Image darkening Darkens the image so the text stays readable over it.	Range	30 %	0–70 %, step 5
Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it.	Select	Auto	Auto Light Dark
Motion
Reveal style Set to None to show the finished hero without its opening animation.	Select	Use theme setting	Use theme setting None
Opening capsule The photograph opens from a capsule to the full frame once, when the page loads. Ignored when animation is off. Shown when Reveal style is not None.	Checkbox	On
Parallax on scroll The image drifts slower than the page and the text lifts away as you scroll. Ignored when animation is off.	Checkbox	On
Heading reveal Shown when Reveal style is not None.	Select	Word by word	None Word by word
Stagger Shown when Reveal style is not None and Heading reveal is Word by word.	Range	60 ms	20–160 ms, step 5
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Stagger. Defaults here: Section width Full width (everywhere else: Page width). Here: Top spacing — Space between the edges of the image and the text. Here: Bottom spacing — Space between the edges of the image and the text. Section width: Shown when Shape is None.

Presets

Hero — Category: Banners
Starts with: empty
Image banner — Category: Banners
Starts with: empty