Card Group — Resources

Usage

A row of resource cards — image + eyebrow + heading + CTA — for articles, webinars, research downloads, and similar "go deeper" content blocks. Use near the end of a marketing page to direct readers into deeper material.

Content length

Image is a thumbnail or hero. Aspect ratio is flexible; the Card sizes it to fit the column width. Eyebrow tags the resource type (Article, Webinar, Research). Heading is the resource title (~50–60 chars). CTA is a chevron link to the resource.

Layout

Column count is item-count-aware: even item counts render in 2 columns, odd counts render in 3 columns. This keeps every card the same width regardless of how many you ship.

Variations

Each card cycles through the active subtheme's complementary hues. Authors can pin a card to a specific hue via hue_override.