Cards & tiles

Photo-led card with title, location, price, rating, and date-aware availability state.

Search-result card showing flight or hotel detail with airline/chain branding, price in user-locale currency, and inline ratings.

The reference content-card pattern for editorial sites — title, image, kicker, summary.

Composable surface with selectable, expandable, and clickable variants.

Selectable file representation with preview, action overflow, and shared-with avatar stack.

Dense product card with image, title, price, condition, and seller signal — works in lists and grids.

Status, commit, branch, region, and timing in a dense card — the reference pattern for any list of long-running operations.

Composable disclosure container used for filter rails and side panels.

Three card variants (elevated, filled, outlined) that map to information hierarchy.

Severity-tagged content panels (information, warning, urgent) for medical content — the reference for content with safety implications.