Section Highlight

Emphasise key information and break up text

Demo exampleOverviewHow to use itDo's and don'ts

Demo - Introduce your point

With its grey background and gold trim, the Section Highlight stands out from the other components. It draws the eye, signalling the end of one chapter and the beginning of another.

The Section Highlight should be used as a change of pace. Which means you shouldn’t linger for too long. Make your point in 100 words (600 characters) or fewer and swiftly move on.

As with any text, it’s important to make use of white space. Break the section into paragraphs of no more than four lines.

 

Overview

Emphasise key information and break up text

Section highlight gives you another option for presenting text.

You don’t want to overdo it (most of your text should sit within Body Text and Editorial Block with Sidebar). But when sprinkled in tastefully, the Section Highlight gives your page a lift.

When to use

  • Breaking up a long stretch of copy
  • Highlighting a key message
  • Introducing a new concept or chapter to your narrative

When not to use

  • At the top of the page immediately following the hero banner – use Body Text or Editorial Block with Sidebar instead
  • Stacked on top of another section highlight
  • As your main text delivery component

Demo example

How to use it

Step 1: Write a heading

Your heading should be a short phrase or sentence which sets up the rest of your copy. The heading text field is restricted to a maximum of ten words.

Step 2: Add your text

The Section Highlight text section supports up to 255 words – but that’s a maximum, not a target.

Use the Rich Text Editor to format and style your copy. You have several options, including:

  • Headings (e.g. H2, H3, H4, etc.)
  • Bulleted/numbered lists
  • Hyperlinking

For help with using this, see How to use the Rich Text Editor.

General best practices

Remove text formatting

The CMS responds best to clean text, free from residual code left by word processing apps. So before saving your text in the rich text editor, you need to clean it. There are several ways you can do this:

  • In the CMS, highlight your text and press the 'remove format' icon
  • Paste your text into notepad first, then copy and paste from there into the CMS

You can also use a keyboard shortcut to paste without the formatting:

  • CTRL+SHIFT+V (Windows)
  • CMD+SHIFT+V (Apple)

Do's

  • Standardise your paragraph breaks

    Creating the paragraph break with SHIFT + RETURN will produce neat and tidy spaces between paragraphs.

  • Make use of white space

    A paragraph should contain no more than four lines.