Guidelines for AEM Components

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

Quotes Component

Features testimonials from clients, executives, or other influential individuals.

 

 

Lorem ipsum dolor sit amet, consectetur adipiscing

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
David Allan Coe Musician David Allan Coe ltd.

Settings

Background

Choose a background Gradient (Recommended)

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

or Background Image with a gradient overlay

  • 2880 pixels wide

Text & CTA

Text

  • Headline text 
    • Should not exceed 50 characters​

​Call To Action

  • Entire Quote can be made clickable

UI & Styles

Yes or No styles

  • Top Gap or No 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 be Pink?
  • Blog style (centered Text)

Examples

Example 1

One quote, background image, lighten textsuperscript

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
David Allan Coe Musician David Allan Coe ltd.

Example 2

Two quote, violet to orange background gradient superscript

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
David Allan Coe Musician David Allan Coe ltd.
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
Gordon B. Hinckley Clergyman Church

Example 3

Two quote, no background gradient superscript

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
David Allan Coe Musician David Allan Coe ltd.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Gordon B. Hinckley Clergyman Church
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Gordon B. Hinckley Clergyman Pitney Bowes

Animated Quotes Component

Need copy here

 

 

"At the end of the day, you are solely responsible for your success and your failure."
— Erin Cummings
Read the Case story

Settings

Background

Choose background:

  • None
  • Gray
  • Blue
  • Blue/Gray

Text & CTA

Text

  • The quote
    • Should not exceed 250 characters​

​Call To Action

  • Words in the quote can be made clickable
  • Button can be added

UI & Styles

Styles

  • Top Gap or No Gap?
  • Centered Text
  • Read more text can be added

Examples

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.
— Erin Cummings
CTA
"At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful."
— Erin Cummings
CTA
"At the end of the day, you are solely responsible for your success 
 …
— Erin Cummings