ºÚÁÏÍø

Hero magazine (live in spring 2026)

Hero magazine features a large image and space for heading, text and links. As the name "magazine" suggests, it gives an editorial feeling to the page if more than one magazine item is used. The image alignment differs from right to left automatically and you can now select the background colour for each item individually.

See examples of different Hero magazine variations in the images below.

Instructions

You can either use only one Hero magazine item, or create up to 3 items. Be mindful about the image and colour choices so that they match together.

When you want to create a new Hero magazine component or edit an existing one, use the following fields and functionalities to create the desired combination. Each field is created for individual Hero magazine item:

• Title: Write a title for individual item
• Summary: Write a summary that will show below the title, max 140 characters
• Image: Select an image for the magazine item. Image with the most important content in the middle is best. Please see the image below for guidance how the image will be cropped in different viewports (desktop, tablet and mobile).
• Link URL and link text: You can add up to 4 links. They can be either internal links that you will find by typing the name of the page you want to link to, or you can paste a URL to an external site.
• Theme: Select the background colour for the individual item. By default the hero magazine items inherit the Hub Branding colour selected on the very top of the editing form.
• Adjusting the order of the items within the component: Once multiple items have been added, the order can be edited by dragging the items to the desired order. The alignment of text and image (left or right) is determined automatically based on the order of items. 

Hub description

Instructions will be added shortly

Hero text with links

Instructions will be added shortly

Hero video

Instructions will be added shortly