Title Component

Introduction

The Title component allows you to add a text-only title to a page. 

See a live example here.

Need Help?

If you need help with a specific use case for the Title component or need guidance with appropriate configuration, please contact the web team.

 

Information

Specifications

Character Limit/Usage

The title component is designed specifically to display a title, so the text should be limited to the title of the page where it is being used. By default, it dynamically retrieves the title from the page properties, but you can also manually edit it as needed.

Image Requirements: N/A

Video Requirements: N/A

Authoring Instructions

The Text Jumbo component is designed to display blocks of text in various formats, either as a standalone block or accompanied by a heading and/or eyebrow

You can align the text within the component to either the left or center, depending on your specific use case.

The text color in the Text Jumbo component can be customized to either light or dark to suit your design needs.

Additionally, you can enhance the component with a Call to Action (CTA). Options include adding a single CTA or multiple CTAs to guide user interactions effectively.

Below is a list of the configuration options:

  • Eyebrow
  • Title
  • Title Size (H1, H2 etc)
  • Alignment
  • Text Color
  • Description
  • Background/Theming
  • Padding (recommend using xsmall top and bottom)
  • CTA (The CTA includes the various available styles).
    • To learn more about the CTA component, click here.

SEO Guidance

If you are choosing to use multiple title components on a page, we recommend that you only set one of them with an H1 tag, a page can only have one H1. The other title components can be set as H2, H3, H4, and so on.

We recommend using a target keyword or phrase within your titles.

Styling Options and Instructions

This component has a set style. The component is configured to put text left-aligned and there is no way to adjust the alignment. If a title needs to be centered or right-aligned, please use a Text Jumbo instead for additional flexibility.