Hero List Component

 
 
 
 
 
 

Hero list component is used to display the Hero image with different views in the page, so that it will be more appealling and attractive to the customers. Below are the views currently using as per the DuPont brand guidelines.

 
 
 

1. Default View

After authoring the component looks like below: 

 
 
 
 
 
 

2. Carousel view

After authoring the component looks like below: 

 
 
 
 
 
 

3. Carousel with Videos View

After authoring the component looks like below: 

 
 
 
 
 
 

4. Carousel Text Background view

After authoring the component looks like below: 

 
 
 
 
 
 

5. Hero Image Carousel View

After authoring the component looks like below: 

 
 
 
 
 
 

Important Information:

In Carousel Text Background view the background can be changed according to the dupont brand guidelines.

Please find the below recommended image sizes for each view .

  View   Size
  Carousel Text Background view   537x530px
  Remaining all the Views   1440x700px 

 

Reference URL's:

https://www.dupont.com/building/sustainability.html

https://www.dupont.com