# Step 5: Styles

The **Styles** tab is where you design the look and feel of your chatbot widget.

* **Theme Selection**: Choose from multiple chat window layouts.
* **Bot Avatar**: Select or upload a custom image/icon to represent your bot.
* **Widget Icon**: Choose the button design that triggers the chatbot.
* **Primary Color**: Adjust colors to match your brand (with gradient option).
* **Font & Size**: Customize text style for consistency with your website.
* **Position on Screen**: Place the chatbot in the **bottom-left** or **bottom-right** corner.

This step ensures your chatbot visually blends with your website design and brand identity.

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


---

# Agent Instructions: 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://aibotkit.gitbook.io/documentation/bot-setup-5-step-builder/step-5-styles.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.