> ## Documentation Index
> Fetch the complete documentation index at: https://hedra.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Elements 101: Beginners

> Learn how to create and use Elements to keep your work consistent.

<Frame>
  <img src="https://mintcdn.com/hedra-4d7e9d2a/6Y2UHbCCF4vB-e_u/images/elements101.png?fit=max&auto=format&n=6Y2UHbCCF4vB-e_u&q=85&s=e5d56a9f919ac4f96066cedd3b148904" alt="Elements-101 " width="1920" height="1072" data-path="images/elements101.png" />
</Frame>

<Note>
  At the end of this lesson, you will understand:

  * What elements are.
  * Why they're needed.
  * How to use one.
  * How to combine them.
  * How to create an element.
</Note>

## What are Elements?

An Element is a saved image that you reuse whenever you want something to stay consistent.

It might be:

* <Icon icon="face-smile" /> A character
* <Icon icon="shirt" /> An outfit
* <Icon icon="building" /> An environment
* <Icon icon="palette" /> A particular style
* <Icon icon="copyright" /> A brand identity

Instead of rebuilding it every time you need to create something, you save it once as an Element and apply it again when needed.

### Why Consistency Matters

Consistency isn’t about perfection.\
It’s about control.

When you create more than one image or scene, small changes start to appear:

* A face looks slightly different
* Clothing changes
* Colors shift
* The overall style drifts

Sometimes that’s fine.\
But often, it isn’t.

<Accordion defaultOpen icon="user-check" title="Who cares about consistency?">
  * **AI influencers & virtual personas** – Your character needs to look like the same person across posts and videos.
  * **UGC creators** – When producing multiple ads or variations, the spokesperson and brand look must stay stable.
  * **Short-form video creators** – Visual shifts become obvious once content is animated.
  * **Brands & agencies** – Campaign visuals must feel unified across platforms.
  * **Series builders** – Recurring characters, settings, or formats need visual continuity.
</Accordion>

## Getting Started

Open: [Image App](https://www.hedra.com/app/image)

At the top, click **Elements**\
Below that, you will see several options as shown here.

<Frame>
  <img src="https://mintcdn.com/hedra-4d7e9d2a/8a7BUyOa7dFezjO_/images/image.png?fit=max&auto=format&n=8a7BUyOa7dFezjO_&q=85&s=0e08eb5b95ac7f3cfb5d5b6ddf4ebdef" alt="Image" title="Image" className="mx-auto" style={{ width:"77%" }} width="3456" height="1848" data-path="images/image.png" />
</Frame>

**All:** Shows all available public elements to pick from.\
**My Elements:** Shows any elements that you have created.\
**Style, Character, Environment, Outfit and Brand Identity** sorts public elements by type.

## How to Use and Combine Elements

### Step 1:

Below Elements, select <Icon icon="face-smile" /> **Character** from the menu and then pick from one of the available models. To do this, hover over <Icon icon="plus" /> on the element, which will then say <Icon icon="plus" /> **Use**  and click it. It will change to <Icon icon="minus" /> **Remove** and the character is now added to your prompt.

<video src="https://mintcdn.com/hedra-4d7e9d2a/jQvdADJoGYrBfrVR/videos/Recording2026-02-24192328.mp4?fit=max&auto=format&n=jQvdADJoGYrBfrVR&q=85&s=1e3937b056aa138ed763104618c1c84d" controls={true} data-path="videos/Recording2026-02-24192328.mp4" />

### Step 2:

Next, with a character already selected, now click <Icon icon="building" /> **Environment** on the top menu. Follow the same steps to pick your scene as you did the character and click <Icon icon="plus" /> **Use** on the image.

<img src="https://mintcdn.com/hedra-4d7e9d2a/jQvdADJoGYrBfrVR/images/image-1.png?fit=max&auto=format&n=jQvdADJoGYrBfrVR&q=85&s=49098e05725dd40e9c21019fde7d2f8e" alt="Image" className="mx-auto" style={{ width:"66%" }} width="662" height="239" data-path="images/image-1.png" />

Above the prompt box area, you should now have your **Character** and **Environment** elements loaded like in this example.

### Step 3:

Now you will need to select an image generator or you can simply go with the default. Different generators range in price and quality. By default, it uses *Nano Banana Pro*, which is one of the leading models and great for building with Elements.

<Accordion icon="image" title="Image Model Selections">
  <video src="https://mintcdn.com/hedra-4d7e9d2a/jQvdADJoGYrBfrVR/videos/models.mp4?fit=max&auto=format&n=jQvdADJoGYrBfrVR&q=85&s=e7f09a3804b988971c7872c03af7bdaf" controls={true} data-path="videos/models.mp4" />
</Accordion>

### Step 4:

Next is your **aspect ratio (16:9, 1:1:, 9:16), resolution (1K, 2K, 4K) and batch size (1-8).**

<video src="https://mintcdn.com/hedra-4d7e9d2a/ok5sRCcpvppTL1ya/videos/rez-selection.mp4?fit=max&auto=format&n=ok5sRCcpvppTL1ya&q=85&s=aa488a3e81d8b853fa06e69f578cac2b" controls={true} data-path="videos/rez-selection.mp4" />

### Step 5:

Lastly, in your prompt, **Describe your image**.

Your prompt can be as simple as "Place character in environment" or "Have character relaxing on the couch" depending on what you're trying to achieve. For this, you can use the **Enhance Prompt** wand to improve on your prompt.

<video src="https://mintcdn.com/hedra-4d7e9d2a/ok5sRCcpvppTL1ya/videos/enhance-prompt.mp4?fit=max&auto=format&n=ok5sRCcpvppTL1ya&q=85&s=c1f1a8bbb4489080997e9d77166a796e" controls={true} data-path="videos/enhance-prompt.mp4" />

### Step 6:

When you're ready, click the <Icon icon="circle-arrow-up" /> to start generating your image.

**Congratulations!** You have just used and combined your first **Elements**.

<Columns cols={2}>
  <Card>
    <Frame>
      <img src="https://mintcdn.com/hedra-4d7e9d2a/ok5sRCcpvppTL1ya/images/hedra-image-4255b48f-38d1-4d5c-8403-514791100d5b.png?fit=max&auto=format&n=ok5sRCcpvppTL1ya&q=85&s=7a589bfa0efff14bf88000dfcac7afd7" alt="Hedra Image 4255b48f 38d1 4d5c 8403 514791100d5b" width="2160" height="2160" data-path="images/hedra-image-4255b48f-38d1-4d5c-8403-514791100d5b.png" />
    </Frame>
  </Card>

  <Card>
    <Frame>
      <img src="https://mintcdn.com/hedra-4d7e9d2a/ok5sRCcpvppTL1ya/images/hedra-image-db92af2e-0f02-4c3c-9a12-cbec1c5c636e-1.png?fit=max&auto=format&n=ok5sRCcpvppTL1ya&q=85&s=f6eb356f0c26cbd2fd28edba694f43a4" alt="Hedra Image Db92af2e 0f02 4c3c 9a12 Cbec1c5c636e 1" width="1024" height="1024" data-path="images/hedra-image-db92af2e-0f02-4c3c-9a12-cbec1c5c636e-1.png" />
    </Frame>
  </Card>
</Columns>

## How to Create Elements

Now that you're familiar with using and combining Elements, let's create a new one using an output image from the previous section.

By now, you should be familiar with how to access the [Elements](https://www.hedra.com/app/image) page.

### Step 1:

Click on <Icon icon="plus" /> **Create element**

<img src="https://mintcdn.com/hedra-4d7e9d2a/6fV6C1Wn38a-3Hyn/images/image-2.png?fit=max&auto=format&n=6fV6C1Wn38a-3Hyn&q=85&s=a988269aeb09dede3e2abd8998283db7" alt="Image" title="Image" className="mx-auto" style={{ width:"62%" }} width="986" height="807" data-path="images/image-2.png" />

The **Create Element** window will pop-up.

<img src="https://mintcdn.com/hedra-4d7e9d2a/6fV6C1Wn38a-3Hyn/images/image-5.png?fit=max&auto=format&n=6fV6C1Wn38a-3Hyn&q=85&s=8fc63c253ee32293c74ea7e2d436a716" alt="Image" title="Image" className="mx-auto" style={{ width:"63%" }} width="778" height="1118" data-path="images/image-5.png" />

### Step 2:

**Click to upload or drag and drop** the image into the reference image box. Now give it a **Name**. Then select the **Type**. (You can also add an optional description.) Finally, hit **Save**.

Next, click **My Elements** on the top menu to view your elements.

<img src="https://mintcdn.com/hedra-4d7e9d2a/6fV6C1Wn38a-3Hyn/images/image-6.png?fit=max&auto=format&n=6fV6C1Wn38a-3Hyn&q=85&s=85e865a5f8ceaa631d3f37e396aaf416" alt="Image" title="Image" className="mr-auto" style={{ width:"70%" }} width="1024" height="646" data-path="images/image-6.png" />

**Congratulations!** You've now made your first character!

To use them, you'd repeat the steps from section one (*How to Use and Combine Elements*). Click the <Icon icon="plus" /> on your new character element to **Use** it. You can combine it with other elements, or use it alone.

<Tip>
  Tip: You can call your element into the prompt box by using @your-element-name

  <img src="https://mintcdn.com/hedra-4d7e9d2a/OEzoTbSoPIULUumO/images/image-9.png?fit=max&auto=format&n=OEzoTbSoPIULUumO&q=85&s=b90529daf30d47c08a2097763d1bc887" alt="Image" className="mr-auto" width="733" height="253" data-path="images/image-9.png" />
</Tip>

Have them wave at the camera.

> Prompt: **Character is waving at the camera.**

Click <Icon icon="circle-arrow-up" /> to generate and done!

<img src="https://mintcdn.com/hedra-4d7e9d2a/6fV6C1Wn38a-3Hyn/images/hedra-image-3b4d6168-5c87-4938-892b-2b2798f379de.png?fit=max&auto=format&n=6fV6C1Wn38a-3Hyn&q=85&s=7682913297f3b8102528e798e37b9516" alt="Hedra Image 3b4d6168 5c87 4938 892b 2b2798f379de" title="Hedra Image 3b4d6168 5c87 4938 892b 2b2798f379de" className="mr-auto" style={{ width:"51%" }} width="2048" height="2048" data-path="images/hedra-image-3b4d6168-5c87-4938-892b-2b2798f379de.png" />

### For Best Results

* **Use close-up shots** for character elements.
* **Use 16:9 images** to create environment elements.
* **Name and tag Elements** so they’re easy to find later.
* **Start with Elements first**, then refine your prompts around them.

## What's Next?

Once you're comfortable with using, combining and creating elements, try moving to the next level.

[**Elements 201: Content Creators**](https://www.hedra.com/docs/pages/app/content-creation/elements-201-content-creators)

Some of the things you'll learn:

* Intro to Advanced Elements
* Designing Elements for Control
* How to Identify Drift in Design
* Strong Anchors for Easy Prompts
* Building Makeup Kits into Styles
