Gives the user an easy way to explore more content relevant and related to the current content they are reading. Or highlighted content on a landing or startpage.
When and how to use it
Use this block to ad a relevant story, article, news or a product that is related to the current content, or in other ways relevant to the reader. Use it as a glint of other related content.
The Small block contains an image, optional label, linked header and body text on a solid white background. The text area is placed underneath the picture. In the Related Small container block you can ad up to 9 items. They are place in three columns and stacked. They are always left aligned, menaning that if you only have two, the third column will be empty. In mobile devices there is a margin of 1 rem on both sides to make a clear difference between the Large, Medium and Small Related blocks.
Do's and don'ts
- Always give the user a headline, a glint of the preamble or body text.
- Minimum numbers of small is 2.
All Related blocks
An overview of all of the Related blocks together
Exploration of Related blocks in zone 3 for Business Arena
- Link in block is underlined on hover