/
Product card
*This site is a work-in-progress and some pages are more complete than others. If you have any questions or issues, please email nick.harris@reckitt.com. *
Product card
- Nick Harris
Owned by Nick Harris
The product card component is a sibling of the Card component. Product cards are designed to be used for products and allow you to feature a set of attributes that summarise the product. Product cards link to a product’s PDP where the user can obtain more information.
Usage
Do’s
Anatomy
| Item | Component type | Content type | Notes |
|---|---|---|---|---|
1 | Tag | n/a | Text | Optional |
2 | Image | Image | JPG, PNG | Optional |
3 | Overline | Text | Optional | |
4 | Heading | Text | MANDATORY | |
5 | Description | Text | MANDATORY | |
6 | Disclaimer | Text | Optional | |
7 | Card surface | n/a | n/a | Visible for 'standard' variant. |
Visual style
tbd
Editorial
tbd
Behaviour
tbd
Accessibility
tbd