> For the complete documentation index, see [llms.txt](https://docs.ayetstudios.com/v/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ayetstudios.com/v/product-docs/dashboard-setup/adslots/design-settings.md).

# Design Settings

{% hint style="success" %}
You can customize the Offerwall to your liking
{% endhint %}

## Custom Theme

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

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

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

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

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

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

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

From the drop-down menu you can select different types of themes. You have predefined themes, but you can also make a custom theme. You can select the colors you preferer.

<div align="left"><figure><img src="/files/Jjym4P5LYXRN65ZktlhS" alt=""><figcaption></figcaption></figure></div>

## Custom Banner

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

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

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

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

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

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

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

On top of the Offerwall you can add your custom banner / image

* Chose if you like to upload a Portrait Image or Landscape image
* Next to the respective image type you chose - click on **"Chose File"**
* Locate and upload the file you want
* Click on **"Save"**

{% hint style="info" %}
For Portrait Image - we recommend 1080px x (120px to 350px)

For Landscape Image - we recommend 1920px x (70px to 200 px)
{% endhint %}

<div align="left"><figure><img src="/files/2fvqpjPaC6rpEnZkYpSL" alt=""><figcaption></figcaption></figure></div>

## Custom Coin

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

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

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

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

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

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

### 5. Customize

You can customize your virtual coin as you wish. You can choose a color of your liking, but also upload your designed coin.

* Select Theme - from the drop-down menu click on "Customize"
* Select Custom Coin - From the drop-down menu click on "Upload Custom Image"

<div align="left"><figure><img src="/files/boquKNEaDPFZU32sYmc6" alt=""><figcaption></figcaption></figure></div>

* To upload  the image click on "Choose File"

{% hint style="info" %}
We recommend using image 50px x 50px
{% endhint %}

<div align="left"><figure><img src="/files/8GfAGzqWHbrlba8SHfMm" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Click on "Save"
{% endhint %}


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.ayetstudios.com/v/product-docs/dashboard-setup/adslots/design-settings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.