> For the complete documentation index, see [llms.txt](https://help.fixfolio.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fixfolio.ai/en/tip/banner-reference.md).

# \[Banner Creation] Reference Usage Tips

## 1. Reference Search

You can select a reference recommended by the AI design agent, or directly search for the reference you want in the search bar at the top. **Search is possible not only by keywords but also in natural language form (e.g., a concept with highlighted text, healthy and fresh juice)**&#x61;s well.

If you're not sure what reference to search for, **the tone and manner of the product or brand (e.g., eco-friendly, professional, cute, etc.)**&#x6F;r the **object to be included in the banner (e.g., watch, calculator, icon, etc.)**&#x61;s a basis for your search.

<figure><img src="/files/efbf1c4e4a101e612b3e34db7758a0db6392de8e" alt=""><figcaption></figcaption></figure>

## 2. Select a Reference

Fixfolio creates banners by analyzing the following elements based on the selected reference.

* **Layout**
* **Color tone**
* **Object composition and tone and manner**
* **Copy length**
* **Typography style**

If you look at the reference's components and layout and apply them to the product or service you want to create, you can more easily predict the result. Also, while it is generated based on the reference, **the main objects are automatically restructured to match the product's color and characteristics, so it can be used even across different industries or categories.**

#### **Example (1)**

<figure><img src="/files/dd2bbf5a38e3f98eafe1de042f7c3c8391fb3769" alt=""><figcaption></figcaption></figure>

#### **Example (2)**

<figure><img src="/files/27370700a37c735a85dba50950bc026b86436fe9" alt=""><figcaption></figcaption></figure>

#### **Example (3)**

<figure><img src="/files/98f4db7ea52977d42c94f6c9dc5042e1a531ec8a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**If you set the number of generated outputs to multiple when creating a banner, various concepts with different details rather than the same format will be generated, allowing you to see a wider range of ideas.**
{% endhint %}

## 3. Style Expansion

Through style expansion, **you can create banners in various tones and manners while maintaining the reference's layout**. Try freely expanding the style, such as changing 2D to 3D, modifying the background and color tone, or adding models.

#### Example (1)

```
Separate request: Change it to photorealistic
```

<figure><img src="/files/1aecfe385362dfa43e93a671cd9566726630b9a1" alt=""><figcaption></figcaption></figure>

#### Example (2)

```
Separate request: Change it to a round, cute 3D style
```

<figure><img src="/files/4ec18a85506a5686c9e19be2773d8ecf0889a5ed" alt=""><figcaption></figcaption></figure>

#### Example (3)

```
Separate request: Add a Korean female model in her 20s
```

<figure><img src="/files/12b3f07ea49de4e32917449884e90fe1ee08a9c1" alt=""><figcaption></figcaption></figure>

#### Example (4)

```
Separate request: Change it to a winter feel
```

<figure><img src="/files/b5cf17c534e4f4ab1cd0fd36bd919e89616477bb" alt=""><figcaption></figcaption></figure>

## 4. Attach Reference

In addition to the references provided by Fixfolio, **you can attach the image you want directly**to create a banner. Based on the attached reference, **a banner reflecting the color tone, layout, and tone and manner is generated**. Also, **if you enter a simple prompt in \[Separate Request], you can further reflect the direction you want**.

#### Example (1)

```
Separate request: Rework it into Japanese content to match the copy
```

<figure><img src="/files/11f6961f610d9b6a7672d80311e7fb6139dc33c9" alt=""><figcaption></figcaption></figure>

#### Example (2)

```
Separate request: Match the overall tone to the product tone
```

<figure><img src="/files/76e7611d164b4752a645de0240cff1ce7254d8f4" alt=""><figcaption></figcaption></figure>

#### Example (3)

```
Separate request: Make the background sky blue and change the character to a hamster
```

<figure><img src="/files/fa01c28b2ad738d66901cf6315f895ced64ac4b1" alt=""><figcaption></figcaption></figure>

#### Example (4)

```
Separate request: Include the ingredients that go into the product as well
```

<figure><img src="/files/e96056fc951bd395524c35323528b1801e4eedd7" alt=""><figcaption></figcaption></figure>

## 5. Choosing a Reference

The most important elements when selecting a reference are **concept, tone and manner, and layout**. Once you understand the reference's concept, object style, and layout composition and choose the direction suitable for the banner you want to create, Fixfolio automatically completes the rest.&#x20;

You can also easily apply various designs such as 3D-style typography or isometric-based concept visuals, and quickly produce multiple directions of concepts through revisions and style expansion.

#### Example (1) - Concept/ tone and manner

<figure><img src="/files/815f724dcb7c3f9a5d978ba63485068585cfc9c3" alt=""><figcaption></figcaption></figure>

#### Example (2) - Layout

<figure><img src="/files/ee8605d5e764e71563b2d3ec9daf3f76ab82fa1f" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fixfolio.ai/en/tip/banner-reference.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
