pattern-library 1 linked patterns checked
Primer Brand Card
Documents card groups, consistent visual asset types, similar content length, image aspect ratios, two-to-four card desktop groups, and vertical stacking on smaller viewports.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Card grid | Choose card grid when users need to see multiple objects at once and visual preview or compact card identity helps them choose. | Each card represents one object and keeps title, preview, key metadata, state, and actions in the same relative positions across cards. | Supports card groups, consistent image treatment, content-length constraints, and stacking at smaller viewports. |
Comparisons supported by this source
- Card grid vs card list vs collection vs table
Primer card guidance supports grouped cards, consistent assets, similar content length, and responsive stacking.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: GitHub Primer. Last checked: .