Usage Guidelines
When to Use
Industry application, service, brand or other pages that seek to surface more information copy above the fold on desktop screens.
When to Avoid
Avoid on top-level pages or pages that seek to have a more cinematic impact.
Component Active
H003 Mini Hero
The Mini Hero provides a short overview of the technology, service or application on the page and can be used to ensure more content appears above the fold on desktop.
Component Detail
The Mini Hero can appear on industry application, service, brand or other pages that seek to surface more informational copy above the fold on desktop screens. The copy in the Mini Hero provides a succinct overview of the page’s content. Use focus keywords as this Mini Hero includes the H1.
Interactions
N/A
Specifications
Max Characters
Headline: 50
Body Copy: 120
Image Asset Dimensions
Asset Size: 2880px x 1620px
Asset Aspect Ratio: 16:9
Recommended File Weight: <300kb
Image Display Sizes
Width: 100% viewport width
Max Height: 300px
Image Aspect Ratios
Desktop: 4:1
Tablet: 5:2
Mobile: 5:3