Guidelines for AEM Components

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

Video Component

Displays promotional videos, product demonstrations, or customer testimonials.

 

 

Lorem ipsum dolor sit amet, consectetur adipiscing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices. Nunc vel lectus eget nulla suscipit maximus quis in turpis. Integer tortor ipsum, rutrum sed nibh sed, a.

Settings

Background

Choose a background Gradient (can be used over an image)

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

 

or Background Image

  • 2880 pixels wide
  • 1660 x 200 JPG or PNG​
    • Gradient can be over an image

or Video

  • Upload a 12s max video size 1245x664 and .mp4 format (H.264 codec)

Text & CTA

Text

  • You have three fields you can use
  • The Intro headline is always caps
  • Headline text (always large) - ​100 characters max
  • Body Copy (always smaller text size)

 

Call To Action

  • Do you want a Button?
  • You may have up to Two Buttons
  • Color choices are: Pink, Blue, White.

Please note: Never use the same button color, always have a dominant CTA

UI & Styles

Yes or No styles

  • Top Gap or Bottom Gap?
  • Do you need the image darkened for readability?
  • Do you need the image lightened for readability?
  • Do you want the Text to be White? or Dark?
  • Do you want the intro Text to have an underline?

Examples

Lorem ipsum
Watch video
Benefits Module Component (half width with video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices. 

Lorem ipsum
Watch video
Benefits Module Component (half width with video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices. 

Lorem ipsum
Watch video
Benefits Module Component (half width with video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices. 

Lorem ipsum
Watch video
Benefits Module Component (half width with video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices. 

Lorem ipsum
Watch video
Benefits Module Component (half width with video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac sem ut nulla vehicula cursus vel ut tortor. Nunc tristique hendrerit ultrices.