Guidelines for AEM Components

Explore a library of components designed to create impactful marketing pages.

Cards Component

The versatile Cards module features links to other pages from two to four cards, with the capability to add images, icons, and CTA buttons.

 

 

Settings

Background & Images

Image

800 x 500, JPG or PNG​

Choose a background Gradient 

  • None
  • Blue
  • Blue to Cyan
  • Blue to Green
  • Cyan to Pink
  • Violet to Orange

Text & CTA

Text

  • Do you want Intro headline? Y or N
  • Headline can be centered of left align
  • Title​ of card - 50 Characters max​
  • Description​ - 200 Characters max

Call To Action

  • Do you want a Button
  • Color choices are: Pink, Blue, White.
  • CTA Copy​ - 15 Characters max

UI & Styles

Yes or No styles

  • Top Gap or Bottom Gap?
  • Left aligned or Centered Copy
  • Two, Three, or Four columns 

Card Image Styles

  • Banner (most common for images)
  • Logo / Icon
  • Content/Product
  • Narrow

Examples

Related Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet faucibus turpis in euismod. Nulla volutpat, lorem a mattis interdum, eros lectus egestas nisl, et malesuada mauris odio id libero. Donec aliquam, ex eget mollis consequat, tortor mi porta ipsum, ut cursus nisl enim sit amet urna. Donec volutpat dolor non neque tristique, vel pulvinar purus venenatis. Vestibulum placerat sit amet metus vel blandit. Nulla quis porta magna. Quisque sit amet volutpat elit. Quisque hendrerit sem tortor, vel placerat massa blandit vel. Nullam massa tellus, vehicula et urna efficitur, malesuada faucibus ex.
Single Card Introduction Headline
This component renders a single card and is best used either before or after a normal Cards module using the banner style image rendering.

Single Card Module Default Headline H3

This headline is not linked, so there is no blue treatment on the headline text. It does, however, make use of a CTA button, below.
CTA Button
Cross-Border Delivery
Cross-Border Delivery
If you’re just starting out or just need delivery we offer service to over 200 destinations plus included duty and tax and product classification technology.
Learn More about Cross-Border Delivery
Cross-Border Quoting
Cross-Border Quoting
Superior standalone product classification and duty / tax quoting technology powered by years of experience and machine learning – always improving and optimized to your needs.
Learn More about Cross-Border Quoting
Single Card Module Linked Headline H3
This headline is linked and to reduce confusion there is no CTA button. There is also no intro text. The image is set to left justified.