This is the current state in CX2:
|{F8478492 size=full}|{F8478493 size=full}|
Link cards need some design polishing aimed at:
- Aligning information elements.
- Adjusting the relationship between media element (image or link placeholder) and the rest.
- Communicating better that cards overlap when they do.
# Proposed adjustments
{F8622130, size=full}
- The proposed design leaves one line for the link name and two for the description. Longer texts will be cropped with ellipsis. If the link label is long enough for not fitting, a smaller (14px) font will be used instead of the regular (16px) one to get some extra room.
- The remove action uses only an icon.
- When a card is presented behind another, a light grey (Base90) is used instead of white, and the card on top will project a shadow (e.g., box shadow 0 -1px 0 0 rgba(0,0,0,0.05) ) to make the overlap a little bit more visible.
The mockup below provides more details about the layout and styling:
{F8622134, size=full}
Those cases whee there is no image for the link, a placehoder is used. The mockup below shows the layout and styling details for it:
{F8622182, size=full}