Content Block

Guidelines 4/4/4, 4/4 and 6/6 with spacing in between the blocks

• Add a 4/4/4 or 6/6 column structure
• Apply the theme "Row with spacing between columns" on the column structure
• Place a content block in each column
  • 5 themes available for the light background color:
    • brand blue
    • brand blue light
    • yellow sunset light
    • purple sunset light
    • white (only needed when combined with colored content blocks in the same row. When you omit it, you will see that the text won't be aligned horizontally with that of it's neighbouring components)
      
      
• The title in a content block can be rendered as H1, H2, H3, H4 (Heading)
• The button styling can be :
  • primary
  • secondary
  • link
  • link with arrow
• You can also add a intro text which is displayed larger than rich text.
• If you want text to be centered horizontally, add this in the rich text editor and center it.
• Blocks in columns are strectched vertically so the blocks have the same height.
• To center text vertically, apply the theme VerticalAlignment