In case there were pages on the old website that are now listed under Stories section in the Masterlist file, these pages should be added in a ‘More stories’ section.

The component has two slightly different layouts based on whether the page is an evergreen or a story type page.

To build this component we use a “Grid (12)” with “Neutral Gradient 1” background, add a “Side-by-side” component with “Space between” horizontal alignment and “Bottom” vertical alignment. Inside the ”Side-by-side“ add a “Headline 2” with the text “More stories of” and a "Text link" component saying “See more stories”, pointing to “../stories” and with the “Right icon: arrow-right”. Then add a "Roche Teaser Slider" and set “Teasers Per Slider Page: 3”. You can add the needed teasers here with "Story Teaser Manual".

• To build this component, we use a “Grid (12)” with “Neutral Soft Gradient Top” background, and add a “Side-by-side” component with “Space between” horizontal alignment and “Bottom” vertical alignment. Inside the ”Side-by-side“ add a "Text component" with a "Headline 6" saying “Stories of” and a "Headline 2" saying the tag name, for example: ”Neuroscience”. Then add a "Text link" component saying “See more stories”, pointing to “../stories” and with the “Right icon: arrow-right”. Then add a "Roche Teaser Slider" and set “Teasers Per Slider Page: 3”. You can add the needed teasers here with "Story Teaser Manual" or if there are not specified teasers, you can use a "Story Teaser (Auto)" with the same tag (for example “Neuroscience”).