Text Jumbo

Introduction

The Text Jumbo component is used to display basic blocks of text on the site.

See a live example here, immediately under the hero banner and above the icons.


Specifications

Character Limit/Usage

There isn’t a strict character limit for the Text Jumbo component. It is capable of accommodating both short (few sentences) and long (blog post length) content. We recommend testing different blocks of text to determine the best fit for your specific use case.

Image Requirements

This component does not support images.

Video Requirements

This component does not support video.

Styling

This component has some styling variations (as shown below). The announcement variation enables a banner-style configuration while the stats variation increases the size of the first line of text with a specific style for text underneath.

Please be aware that 'grey border', 'no border' and 'support link' in the CTA configuration are only used on Support & Downloads pages. If unsure please contact us below. In addition, 'Support Alert - In Page' and 'Support Global Alert' are only to be used on support pages. For more information about support-specific styles for the text jumbo component, please visit this page. 

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 white 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

Please ensure that if you are using multiple text jumbo components with text and/or titles on a page, the page should contain only one H1 title (and this should be at the top of your page).  The page should have subsections using the H2-H6 headings.  


Use Cases and Style Variations


Need Help?

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