Heading Component

Available on any page, the Heading Component allows a page title with an image to be placed on a page. The title and image are required. The image is recommended to be at least 1600px by 600px. The description and CTA are optional. The CTA can be either a button, text link or video link. The video will play in a modal.

There are 3 gradient options to help with visibility of the white text over the image as shown in the examples below:

Dynamic Media Smart Crops:

  • Heading: TT-BA-Large-8-3

Gradient Options:

  • No Overlay (Default): no gradient over the image. Ensure the white text is readable.
  • Top Gradient Overlay: 35% of black at top and reduces towards the bottom
  • Full Overlay: 35% of black

Heading Title (No Overlay)

This is the description. This is recommended to contain a few sentences about the page.

 

Heading With A CTA Link (Top Gradient Overlay)

This is the description. This is recommended to contain a few sentences about the page.

 

Learn More about IEQ

Heading With A CTA Button (Full Overlay)

This is the description. This is recommended to contain a few sentences about the page.

 

Learn More about IEQ

Heading With A Video Link (No Overlay)

This is the description. This is recommended to contain a few sentences about the page.
Watch This Video