Card components are designed to present various information types uniformly throughtout UPM businesses and web sites. These information types include call-to-actions, contact information, event information, product information and different listings. The cards have hard-coded but optional fields so they offer flexibility in their use. The cards use standard aspect ratio of 16:9.
Preferably use only one large 50/50 horizontal content card in a view to keep the look calmful. You can choose to have the image on the right or left. Button of the 50/50 card informs the user about possibility to navigate to the content.
You can modify content cards to have a button if you think it is necessary to inform user which action triggers when one clicks the card. However, be consistent. Don’t mix the cards with buttons with the cards without. If you manually create the texts for the cards, try to make the length of the copy consistent.
You may use the green business segment labels if you think the user needs that information.
In some cases you dont want to reveal contact details, but instead provide a link to more comprehensive description of the person. This may be the case with the executives or board members.
Since this element uses huge area, it’s most often good decision to place expanding card stacks in the bottom of the page. Stacks with 3 columns should show 9 cards as default. More cards are shown after the user press the “Show more” button under the element. On mobile the cards are stacked vertically.
We use cookies on this website to ensure the best user experience and to target personalised content and relevant advertising. For more information see our Privacy Policy.
Agree Decline