---
title: "Campaign Stage"
description: "The Campaign Stage can be used to create an emphasized Introduction as Hero Component on a Page."
path: https://www.eonshowroom.eon.com/en/teasers-and-highlights/campaign-stage.html
lastModified: 2024-11-11T09:33:19.062Z
---

# Campaign Stage

# It's time for action now.

Climate change can no longer be ignored. The devestating affects of fossil fuel dependance must be reversed and positive action is th eonly way forward. We've listended and changed. Thousands of renewable projects and our electricity network we're already saving **100 million tons of CO2 each year.**

# Campaign Stage

Please check Example in Top of this Page.

[How to Configure](#how-to)

### Description

The Campaign Stage can be used to create an emphasized Introduction as Hero Component on a Page.

Use it wisely, it is unique and should not be used too often.

- Used on Top of Home- and Landing-Pages only
- Is not placed in Grid or Section, but in Hero Component Area in Top of Page
- Features Rich Text

### Usage Rules & Features

##### Features

- Can only be added as Hero Component
- Features Rich Text

##### Properties

- Headline can be H1, H2, or H3

##### Design

- Image can be darkened

##### In which Grid Columns does it fit?

The Campaign Stage is not placed in any Grid or Section, but in Hero Component Area in Top of Page.

##### DO's

- Use darken Image option for better Readability on bright Images
- Use it wisely, it is unique and should not be used too often

##### DONT's

- Do not use multiple Campaign Stages on one Page
- If H1 is used in Campaign Stage, do not use another H1 on this Page, as it only should be used once per Page

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

![Image Configuration](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/campaign-stage_img%3A3-4?fmt=webp)

### Configure Image

Campaign Stage has three Image Tabs. In these Tabs, Editor can add Images and adjust them in same Way as for normal Image Component. Please ensure to provide Desktop, Tablet, and Mobile Image, as they are using different Ratios:

- Image Desktop: 2:1 Ratio
- Image Tablet: 4:3 Ratio
- Image Mobile: 1:1 Ratio

[Read more about Image Component](https://www.eonshowroom.eon.com/en/content-elements/image.html)

[Read more about Image Handling](https://www.eonshowroom.eon.com/en/aem-basics/image-handling.html)

[Read more about WebP Options](https://www.eonshowroom.eon.com/en/aem-basics/webp-image-options.html)

![Maintain Text](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/campaign-stage_text%3A3-4?fmt=webp)

### Maintain Text

In Text Tab, Editor needs to enter a Headline and can select a Size for an Headline, as well as an HTML Tag for SEO additionally. Beside that, a Text can be entered, which features all Rich Text Functions.

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/campaign-stage_style%3A2-1?fmt=webp)

### Style Campaign Stage

The only Style Configuration for Campaign Stage is Darken Image Option. No further Styles are available.