FedEx Freight truck traveling by prairie

Body Section

Body Section

Body Section

The body section of a pages anatomy is the one the has the most space and can be configured in may ways depending on the purpose of the page.

2, 3 and 4 Columns

Content that is a part of the body of the page should leverage the various column views that are possible. Typically the most succesful layouts include a 2, 3 or 4 column layout. See below for examples that work for each.

Page Anatomy - Body 2 columns
Check Mark Icon

Correct.

This page has used the two column approach for this section of the body. This should be used when presenting the top two options and/or information that should be more prominent.

Page Anatomy - Body 3 column
Check Mark Icon

Correct.

Here is an example of how to use a three column section. It is good to use when you want to present benefits for a product.

Page Anatomy - Body 4 columns
Check Mark Icon

Correct.

When using the four column component, it should be leveraged to describe multiple topics in a small space. It’s important to not put too much copy in the title or rich text components since the space is limited. Bulleted lists should be used when possible.

Page Anatomy - Body 4 columns-incorrect
X Mark Icon

Incorrect.

Don’t use widely different character counts for each topic in a column. Full sentence descriptions become more difficult to read the longer the description gets, when center justification is used.


Icons or Photos

It is up to the content creator to make judgement calls of when to use icons or photos. It is recommended to alternate the use of photos and icons to break up the content. Connect with your colleagues to ensure that you are not using the same photos.

Icons

Icons are used to accompany more abstract concepts, such as benefits or features of products and services.

Photos

Photos are used for situational topics that demonstrate real customers taking the described action.

Page Anatomy - Body icons and photos
Check Mark Icon

Correct.

Photos are used for situational topics that demonstrate real customers taking the described action.