Text Feature Panels

Text Feature Panels

Why use a Text Feature Panel?

This is a Text Feature Panel.

Their main use is for a block of simple text, usually between two visual features such as Hero Panels.

You can add up to:

  • two call-to-action buttons (see below)
  • links
  • lists (like this one)
  • and...

Subheadings

But Text Feature Panels can be made to look more visual too if you want, as the panel examples below show.

Coloured panels

Sometimes you might want a bit of visual interest using different panel colours.

You can also vary the height of the panel to give it more impact.

Centred text

You can centre text to give it more impact.

This is really only a good idea if you have little text and you've centred text on the whole page.

Background images

For more impact, you can add a background image. If you mix this carefully with a background colour and image brightness, you can get some nice effects.

Impact

You can also use an 'impact' style which makes the font slightly bigger.

Two columns

Sometimes it can be handy to split your text into two columns. This is particularly true if you have quite a bit of text, and you don't want to have it running down the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.

Subheading

  • list item one
  • list item two
  • list item three
  • list item four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet sapien eget neque hendrerit, eget vulputate nisi ultricies. Donec et tortor scelerisque, semper quam vitae, dictum nibh.


Numbered steps

You can also make ordered lists in the text into numbered steps like this:

  1. list item one
  2. list item two
  3. list item three
  4. list item four

Dark text

Normally we make text white over a background image. But sometimes it's handy to override this and force darker text.