Intended for use on second-level platform and category landing pages, this hero provides a brief overview of the primary page topic and includes priority keywords in the headline. the H002 can optionally be configured as a carousel of hero slides, each highlighting a topic relevant to the platform, category or second-level page.
The H002 hero appears on landing and category pages. The copy provides a very short overview of the platform, category or other page. Include your most important keyword in the headline, as this represents the H1 header tag. You can add up to two CTA buttons below the body copy, but only one is recommended. For carousel configurations, CTA buttons can be added to each slide if required. However, it is not recommended to use CTA buttons in the hero when you want users to explore the content on the page first.
For H002 carousel configurations, the heading of the first slide renders the H1 element for the page, with subsequent slide headings rendered as H2 elements. H002 carousels are intended to display up to a max 5 hero slides.
Component allows up to 2 optional CTA buttons (per hero slide) that drive users to related child pages.
Headline: 50
Body Copy: 150
CTA Text: 25
Asset Size: 2880px x 1620px
Asset Aspect Ratio: 16:9
Recommended File Weight: <300kb
Width: 100% viewport width
Max Height: 400px
Desktop: 8:3
Tablet: 5:2
Mobile: 5:3 (max height 300px)