Data Patterns

2 patterns — Card Grid and Feature Grid

Responsive grid patterns for presenting structured collections of content — from feature showcases to data-rich card lists.

Responsive masonry or uniform grid of content cards with badges, actions, and hover states. Ideal for product listings, blog posts, or team members.

Components used

Card

Badge

Button

Icon-driven feature grid for marketing and documentation pages. Each cell highlights a capability with a badge label and concise description.

Components used

Card

Badge