(H1) Calls to Action

The absence of banners brings more attention to content that would otherwise be pushed downward


  • A call to action asks the user to perform an important task


  • These interactions can take on a variety of forms

Social Media

  • Pay attention to levels of emphasis, like the button below

(H2) This area below the 'fold' loses value

When coercing visitors to do something on your site, elements of visual hierarchy come into play more than ever:

  • Put the action(s) above the fold
  • Make the action prominent and standout (size, contrast, position)
  • Supporting content shoud incentivize taking the action


(H3) Smaller, nested headings lose even move value...

...though strategic contrast and positioning can make up for some loss. In other words, don't place your calls to action down here.

(H3) Other 'Text' Techniques

  • Group like-subjects together using Panel Builders. See the Panel Builder Layouts for more ideas how.
  • Text that goes 100% wide is hard to read, so break it up with images or other materials such as downloads, links or quotes.
  • Long blocks of text are discouraged. If you can't avoid it, use the collapse text feature,  More 

available in the Text EditorLess 

Component Tutorials

Documentation on components used to make this page (in order of appearance):


Mission Statement, Featured Content, or Department Lead

Be mindful about volume of text for this type of content. A few sentences usually suffice. Avoid placing mission statements, or long blocks of text in prime real estate areas, especially above the fold. 

  • Samples: