A tabbed collection of flexible product-focused content cards intended for showcasing featured software offerings with a modern aesthetic.
Vertical Content Tabs allow authors to showcase between 2–8 (recommended max) products in an engaging way. Each tab-associated card flexibly accommodates a brief product teaser consisting of an optional eyebrow label, product heading and descriptive teaser copy, with a product image and CTA driving users to learn more about the given product on a corresponding marketing or PDP child page.
**Note: It is recommended that the image assets used for this component should be formatted to display on transparent backgrounds in order to align with the modern design aesthetic intended for this component and avoid unwanted “boxing in” of the product imagery.
Tab click interactions should display the corresponding card item content.
Card CTAs should drive users to the associated product marketing or PDP child page as appropriate.
Section Heading: 80
Section Body: 350
Tab Title: 40 (truncated)
Card Eyebrow: 45
Card Header: 65 (flexible)
Card Body: 250 (flexible)
Card CTA: 40
Asset Size: 580px x (variable)
Aspect Ratio: 1:1, 3:4, or 4:3
Recommended File Size: <50kb
Width: 380px
Height: variable by aspect ratio
Desktop: 1:1, 3:4, or 4:3
Tablet: 1:1, 3:4, or 4:3
Mobile: 1:1, 3:4, or 4:3