How to create a story-mode page

We now offer a way for you to make your blog posts look more bloggy. You can create a page in 'story mode', which will restrict all copy and headline elements to 800px width. Design has no implications on mobile display, but will make longer texts more readable on desktop. Since most news websites apply the same strategy to improve readability, your pages will look more like articles in story mode. 

Additionally you can add the author and date options to your campaign teasers to create an article header (this feature will be released on July 16, 2019).

To trigger the story mode on a page, just open the 'promotion' tab in your meta data section on the right-hand side of your editorial page backend and check the chekbox 'story mode'.

Story mode

What to consider when building a story-mode page

While the story mode is a cool and handy feature, it needs to be used for purpose. First, please use it for story pages, not for your regular pages. We want users to be able to tell when they are on a story page and when they are on a regular page. 

Second, the max width copy and headlines look best in 100 columns. Please build your story page with a consistent copy flow top to bottom where the story progresses in 100 columns. You can use other elements such as images in different column layouts to break up the story in smaller sections, but do not use copy or headlines in multi-column rows. The max width will not work and it will look weird. Check out this example of a story-mode page