How to generate images in Relume Studio and add them to your site

By the end of this doc, you'll be able to:

1. Generate an image that uses your Style, Characters and Scene together.
2. Choose the right aspect ratio for where the image will go on your page.
3. Write prompts that leave room for text on your page.
4. Add Studio images to your Publish site from the library.

Before You Begin

• A Relume Publish Workspace plan.
• The Style, Characters and Scene you want to use. Styles can be your own or from Explore.

What Is the Composer?

In Relume Studio, the composer is where you generate images. Select a Style, Characters and a Scene, describe what you want, and Studio creates an image that respects all three at once. That's what keeps every image on brand, with the same look, people and place each time.

Every image you generate syncs to your Publish projects automatically. There's no need to download, upload or rename files.

How to Generate an Image

The composer may already show the Style you used most recently. Check each dropdown before you generate, so the image uses the right building blocks.

Set Up Your Image

1. Click Create in the left sidebar.
2. Click the Style dropdown and select a Style.
3. Click the Characters dropdown and select one or more Characters.
4. Click the Scene dropdown and select a Scene, or select None.
5. Click the aspect ratio setting, like 16:9, below the text box.
6. Select the aspect ratio that fits where the image will go on your page.

Describe and Generate Your Image

1. In the text box, describe the image you want, like Students in a yoga pose in the studio.
2. Click the arrow button to generate your image.
3. Click the finished image to view it.

When you open an image, the panel on the right shows the prompt you used, its aspect ratio and resolution, when it was generated and who generated it.

Plan for your page layout in your prompt. If text will sit on one side of a hero image, say so, like put them on the right and keep the left minimal. This leaves a clear area for your heading.

Add Studio Images to Your Publish Site

Your Studio images are already waiting in Relume Publish. There are two ways to add them to a page.

Add an Image From the Library

1. Open your project in Relume Publish.
2. Click Library in the left sidebar.
3. Click the Studio tab.
4. Drag an image onto your page.

Replace an Existing Image

1. Select the image on your page that you want to replace.
2. In the right panel, click the image name next to Image.
3. Click Replace.
4. In the Add from Library window, click the Studio filter.
5. Click the Studio image you want to use.
6. Click Use Image.