# Theme Studio

The Theme Studio in Elements gives you the power to customise every part of your website. You have complete freedom for you or your clients. Easily change colours, fonts and text styles, borders, shadows and so much more.

{% embed url="<https://youtu.be/npoc1vewTSw>" %}

### Use Theme Defaults

When designing and building your website always use the recommend Theme Defaults when possible.

When building your site, we recommend sticking to the core theme settings so your design stays consistent and easy to manage. It also ensure all **Templates** and **Components** should "just work" right out of the box to match the style of your website.

* **Colours:** Use **Brand**, **Accent**, **Surface**, and **Text**. These are managed in the Theme Studio and ensure that components, templates, and layouts all work together seamlessly.
* **Defaults:** For **Border Width**, **Radius**, and **Shadows**, stick with the built-in **Default** option. This keeps spacing and depth consistent across your site.
* **Typography:** For text, use the predefined roles: **Heading**, **Body**, **Code**, and **Quote**. These are designed to work harmoniously and adjust automatically when you change your theme.

By using these theme roles instead of custom overrides, you’ll get a site that looks cohesive, is simple to rebrand, and stays compatible with future templates and components.


---

# 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://docs.realmacsoftware.com/elements-docs/elements/theme-studio.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.
