One Sided Image Card

Introduction

The One Sided Image Card is used to display a block of text with an image, logo or icon. 

See a live example here, under See Latest From Our Experts.

Need Help?

If you need help with a specific use case for the One Sided Image Card component or need guidance with appropriate configuration, please contact the web team.

One Sided Image Card

Introduction

The CTA component is used to link to other pages (on Zebra.com or other websites) or assets (PDF or video). This includes Digital Buttons that are referenced in Zebra's Brand Guidelines document.

Need Help?

If you need help with a specific use case for the CTA component or need guidance with appropriate configuration, please contact the web team.

Information

Specifications


Character Limit/Usage: 35 characters max. Sentence case.

Image Requirements: N/A

Video Requirements: N/A

Authoring Instructions

Text can be added in the following properties: Spotlight Title (required), description, Content Type and Read length. There is no strict character limit.

It is important to note that cards should always be in a Card Container component. For more information about the card container, see here

SEO Guidance

The titles should use a heading tag. The default is H5. We do not recommend using H1 tags for the container title or the individual card titles.

If a container title will be used for the component, we recommend that the container title use a heading that is one level higher than the titles in the cards. For example, set the container title as H4 and set the card titles as H5. 

For any images used within this component, make sure to add an image alt text that describes the image.

Styling Options and Instructions

 
  • In the card container, authors manage the number of columns (how many cards) to display and can add a CTA.
  • On the card itself, authors can drag/drop images and add Titles and CTAs to build out the promo card itself.



Use Cases and Style Variations