A variant of the C020 Multi-Column Comparison component designed specifically for featuring up to 4 tiers of the same software product side-by-side allowing users to easily review which product tier or subscription level meets their needs and circumstances.
Similar to the original C020 component, the C020B variant allows authors to highlight product comparison content in a flexible, multi-column layout, but with a focus on illustrating the differences between tiers or subscription levels of the same product or software offering in each column.
The component includes a section heading, optional body description text, and between 2–4 tier columns. Each column accommodates a column header consisting of an eyebrow label, tier title and pricing and a flexible column body allowing authors to highlight key tier features for comparison utilizing rich text and iconography. Up to 2 CTA buttons (one Primary, one Secondary) can be configured per column as needed.
CTA buttons drive users to a supporting child page, such as a Demo Sign Up form, marketing/PDP page or Sales Contact experience as appropriate.
Section Heading: 80
Section Body: 350
Column Eyebrow: 40
Column Title: 65
Column Pricing: 40
Column Body: N/A (concise list text recommended)
Column CTAs: 25
Asset Size: 32px x 32px
Aspect Ratio: 1:1
Recommended File Size: <5kb
Width: 16px
Height: 16px
Desktop: 1:1
Tablet: 1:1
Mobile: 1:1