Usage Guidelines
When to Use
Use to feature a case study or stylized article
When to Avoid
Do not use for other page types.
Component Superseded
H008 Hero w/ Offset Copy
Use to feature a case study or stylized article, this Hero includes a mini-descriptor (such as “Case Study”), a headline and a subhead.
**Note: The H008 component has been superseded by the newer H008B Case Study Hero with Optional Subheading & Byline Content to offer editors more flexible authoring configuration options. Please use H008C instead of H008 for all future authoring of case study hero content.
Component Detail
Typically used to feature a case study or stylized article, the H008 component is a hero used at the top of the page with offset copy that includes a mini-descriptor (such as “Case Study”), a headline and a subhead.
Interactions
Specifications
Max Characters
Eyebrow Label: 50
Headline: 75
Subhead: 100
Image Asset Dimensions
Asset Size: 2880px x 1620px
Asset Aspect Ratio: 16:9
Recommended File Weight: <300kb
Image Display Sizes
Width: 100% viewport width
Height: Variable (25% of width)
Image Aspect Ratios
Desktop: 4:1
Tablet: 4:1
Mobile: 16:9