Link Card Grid – Component Overview
This page showcases all available variants of the Link Card Grid component. Each section below demonstrates a different background variant — Default, Alternate, Brand, and Accent — along with the full and narrow width options. Use this overview to explore how the component adapts across visual contexts.
Link Card Grid – Default Background, Full Width
This variant uses the default background color with full-width layout. Ideal for standard content pages where the grid should blend naturally with the page background.
Link Card Grid – Alternate Background, Narrow Width
This variant uses the alternate background color with a narrow content width. Suitable for focused content areas where a subtle contrast is needed to separate sections.
Link Card Grid – Brand Background, Full Width
This variant uses the brand (Swiss Post yellow) background with full-width layout. Best used for prominent call-to-action sections that need strong visual emphasis.
Link Card Grid – Accent Background, Narrow Width
This variant uses the accent background color with a narrow content width. Use this for highlighted sections that require a distinctive visual treatment without the full brand color.