Richie
811736dbb9
User feedback:
- "Trusted Partner" → "Verified" badge text
- Override Card hover bg fill (grey blended with shadow) — shadow lift only
- Logo 48px → 56px, removed white border (shadow only)
- Tightened spacing: content padding 16→12px, gap 8→4px, footer py 12→8px
/critique findings (27/40 → fixes applied):
- P1: Price promoted from footer into content area as bold primary text
- P2: Footer simplified to "View packages >" CTA with space-between
- Image fallback changed from grey to warm brand.50
- Name truncation relaxed to maxLines={2} for mobile
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
47 lines
1.7 KiB
JSON
47 lines
1.7 KiB
JSON
{
|
|
"providerCard": {
|
|
"$description": "ProviderCard molecule tokens — listing card for funeral providers on the select screen. Supports verified (image + logo + badge) and unverified (text-only) variants.",
|
|
"image": {
|
|
"$type": "dimension",
|
|
"$description": "Hero image area dimensions.",
|
|
"height": { "$value": "180px", "$description": "Fixed image height for consistent card sizing in list layouts" }
|
|
},
|
|
"logo": {
|
|
"$type": "dimension",
|
|
"$description": "Provider logo overlay dimensions.",
|
|
"size": { "$value": "56px", "$description": "Logo circle diameter — positioned bottom-left of image, overlapping content area" }
|
|
},
|
|
"footer": {
|
|
"$description": "Footer bar styling — warm beige bar with package pricing.",
|
|
"background": {
|
|
"$type": "color",
|
|
"$value": "{color.brand.100}",
|
|
"$description": "Warm beige footer — brand.100 provides subtle brand warmth"
|
|
},
|
|
"paddingX": {
|
|
"$type": "dimension",
|
|
"$value": "{spacing.4}",
|
|
"$description": "16px horizontal padding — matches compact card padding"
|
|
},
|
|
"paddingY": {
|
|
"$type": "dimension",
|
|
"$value": "{spacing.2}",
|
|
"$description": "8px vertical padding — compact footer bar"
|
|
}
|
|
},
|
|
"content": {
|
|
"$description": "Content area spacing.",
|
|
"padding": {
|
|
"$type": "dimension",
|
|
"$value": "{spacing.3}",
|
|
"$description": "12px content padding — tight to keep card compact in listing layout"
|
|
},
|
|
"gap": {
|
|
"$type": "dimension",
|
|
"$value": "{spacing.1}",
|
|
"$description": "4px vertical gap between content rows — tight for compact listing cards"
|
|
}
|
|
}
|
|
}
|
|
}
|