Guidelines for AEM Components
Explore a library of components designed to create impactful marketing pages.
Image Specifications
Each Component has unique image size and type requirements. See below for specific specifications.
Benefits and Gallery Modules
| Full Version | Half-Width Version | Gallery Module | |
| Desktop - Size | 2880×1018 | 900×500 | 820×510 |
| Mobile - Size | 900×500 | 900×324 | No required |
| File Type | JPG or PNG | JPG or PNG | JPG or PNG |
Card Modules
| Content/Products | Banner Image | Contact Image | Logo Image* | Icon Image | |
| Desktop - Size |
|
1100 × 400 | 800 x 500 | 230 × 57 | 57 × 57 |
| Mobile - Size | No required | No required | No required | No required | No required |
| File Type | JPG or PNG | JPG or PNG | JPG or PNG | JPG or PNG | PNG |
* Note:
- For transparent background use, PNG file format otherwise use JPG file format.
Tiles Modules
| Icon Image | Logo Image | |
| Desktop - Size | 74 x 74 | 300 × 160 |
| Mobile - Size | No required | No required |
| File Type | SVG | JPG or PNG |
| Background | Transparent | Transparent |
Different Modules
| Features Module | Specifications Module | Split block Module | Quotes Module | Comparison Module | Hero Module | Standalone Image | |
| Desktop - Size | 70 x 70 | 1440 × 1016 | 1024 x 752 | 2880 x 1550 | 150 x 114 | 1660 x 200 | 2880px width x height (respect to the width) |
| Mobile - Size | No required | No required | No required | No required | No required | No required | 1440px width x height (respect to the width) |
| File Type | SVG | JPG or PNG |
JPG or PNG | JPG | JPG or PNG | JPG or PNG | JPG or PNG |