Help center › Apps

Text and hero blocks

The text blocks (Title, Rich text, Callout box, Quote, Statement, Image with text) carry the content, and the four hero blocks make the page's opening: headline, subtitle, button, and an image, background image or background video. In all of them you type the text right on the page; the settings are in the editor panel.

Text blocks

  • Title – a section heading at H1–H6, with alignment and, if needed, a link. Keep one H1 per page; structure the content with the other levels.
  • Rich text – paragraphs, subheadings, lists; alignment and reading width are adjustable.
  • Callout box – text on a coloured surface for an important message or announcement, with an optional heading and a Marker (label, tab, watermark in a corner, step number or quotation mark).
  • Quote – one strong sentence, emphasised, with supporting text.
  • Statement – one or two large sentences that draw in as the visitor scrolls: word by word, with a highlighter, or as giant lines. Put the words to emphasise between ==double equals signs==. A name, role and button can be added.
  • Image with text – an image beside longer text; the image's position, size, ratio and the mobile order (image or text first) are adjustable.

Hero blocks

  • Hero · centred – the text is the star; size: compact, medium, large.
  • Hero · split – the message on one side, an image on the other. One image or an image pair (straight or tilted), image frame and fit are adjustable; swap the image's side with one click.
  • Hero · full image – a full-width background image with text; height (short, tall, full screen) and darkening so the text stays readable.
  • Hero · video – a muted, autoplaying background video (MP4 or a YouTube link). Add a poster image: it shows while the video loads, and with the option to show the poster on mobile, phones do not even download the video.

All four heroes share: a small label above the headline, the headline, supporting text, a main button and a Secondary link, which can be a text link, a button or an image. For an image link, the alt text is the link's name – until it is filled in, the image link does not appear on the page. The headline and subtitle sizes can be set in pixels; left empty they keep the default.

Good to know

  • A button without a link does not appear on the page.
  • Drag the focal point on an image so the important part stays visible when it is cropped.