Card.
A contained unit of related content and actions.
See it in context
A quiet city guide
What it is
A card brings a single subject, such as a destination or document, into a bounded surface. Its hierarchy should make the primary content and any action clear without turning the entire page into competing boxes.
When to use it
Use for browsable collections with independently meaningful items.
Know the difference
A card groups content; a panel can hold an entire tool or persistent region.
Across platforms
iOS · iPadOS · macOS · tvOS · visionOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Android · Windows · Linux · Android TV
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
Go to the source
Primary documentation for the pattern and its platform conventions.