Hero Block Hero
Hero Block The Hero opens a page with a bold headline, supporting copy and a primary call to action
The Hero opens a page with a bold headline, supporting copy and a primary call to action. It sets the tone and tells the visitor where they are.
When to use
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
Build pages that convert A flexible content platform
Compose landing pages from a library of ready-made blocks — no developer required.
Center · Light 02 — bg: bgstyle-02 · align: center
Build pages that convert A flexible content platform
Compose landing pages from a library of ready-made blocks — no developer required.
Right · Plain — bg: bgstyle-00 · align: right
Build pages that convert A flexible content platform
Compose landing pages from a library of ready-made blocks — no developer required.
Center · Dark 05 — bg: bgstyle-05 · align: center
Build pages that convert A flexible content platform
Compose landing pages from a library of ready-made blocks — no developer required.
Center · Image BG — bg: bgstyle-05 · align: center
Build pages that convert A flexible content platform
Compose landing pages from a library of ready-made blocks — no developer required.
Field reference
| Field | Editor | Required |
|---|---|---|
| contentHeadline | Text | — |
| contentIntro | Rich text | — |
| ctaLabel / ctaStyle | Text / Radio | — |
| contentImage | Media | — |
| backgroundImage | Media | — |