Usage Guidelines
When to Use
To delve into a topic below the Hero component.
When to Avoid
Avoid using this component for long-form content.
A value proposition paragraph with a supporting promo box without image to the left.
A Promo Box, No Image Left includes a descriptive paragraph or two supported by one small, standalone “promo” box that includes supporting calls to action. The “promo” box can be used to promote a case study, webinar or any other type of information that would be useful to the user in context.
CTAs should link to related content. CTA buttons can be added beneath main body copy.
A read more toggle can be added to the component, truncating the body copy to 3 lines of text by default. When the toggle is clicked, the rest of the content will appear below as normal.
Note: Each optional element is authorable individually and in combination with each other.
Main Headline: 60
Body Copy: 300 (1000 with Read More)
CTA Button: 25
Promo Box Title: 60
Promo Box CTA Text: 30
Asset Size: 128px x 128px
Aspect Ratio: 1:1
Recommended File Weight: <5kb
Display Width: 64px
Display Height: 64px
To delve into a topic below the Hero component.
Avoid using this component for long-form content.