Block patterns

Block patterns are predefined block layouts, available from the patterns tab of the block inserter. Once inserted into content, the blocks are ready for additional or modified content and configuration.

Yellow-white group​

You should use this pattern when you need to have free text and image/video or other elements that are related to each other and containing information that needs to stand out. You should create a group with two columns and place the text on the left column. With the help of a class insert class details the left column converts into having a yellow background and the right overlaps the left.

You should use this design pattern only on full width and the two columns will take up 50% of the page each. Try not to overuse it, as it will lose its significance, and never use the one below the other. Also, because of their similar appearance and logic you should avoid using it right below or above the full width promo teaser

Example of yellow-white group​

​

Overview

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Where does it come from?

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.

Deadlines

Statistics

Programme overview

Featured media coverage

Pre-footer area​

You should use this pattern only on the area right before the footer on the main programmes’ pages and their children. A proposed use for this is in order to display FAQs relative to the page. You should use this design pattern only on full width and the two columns will take up 50% of the page each. You shouldn’t use it more than one time in a page. With the help of a class insert class details the background will become yellow and it will bleed the container in order to take up the full screen width. Also, there won’t be any white space below and it will be placed right above the footer.

Example of pre-footer area​