The tabbed content and text module, previously known as Application Story module, are designed to offer a more in-depth reading experience. Use the tabs in this module to group content into helpful categories with links to related content.
Desktop
Mobile
Layout options
The tabbed content and text module consists of the following required elements:
- Tabs*
- Two column text + image module*
- Card module*
* required element
Tab menu
We recommend using a maximum of 5 tabs in this module. More than 5 tabs can make it more difficult for the customer to gain an overview of the content offered in the module.
Two column text + image module
This module will only change content when a different tab is selected, no layout changes can be made. See Two column text + image module.
Card module
The tabs at the top of the module does not currently affect the cards at the bottom of the module - and so they will be unchanged when the tabs are clicked.
The card module being used is the preview cards, see preview cards module. No layout changes can be made to the card module.
Colorways
Use this module for a more in-depth reading experience. Use the tabs to group content into helpful categories with links to related content. This module is used to explain the details of the application and also guide the user to related content, ie. a case study, white paper or similar.
For capturing a customer's attention and direct them towards specific actions, please use the 50:50 module.
Examples of use
DO: Remove carousel functionalities if there is only 3 or less resources.
DON’T: Use too many tabs or tabs with overly long titles. Read more about typography.
DON’T: Use too long headlines.
DON’T: Change the styling of the text. The text should always be in reduced styling and in dark.