# Using Styles

{% embed url="<https://www.youtube.com/watch?v=dFDFX0F2GUk>" %}

[Style](/grid/widget-creation/creating-your-own-widgets/adding-data-source/data-source/style.md) is a specific type of data source which allows you to store things like colors and font, which can be referenced to again in another widget. This way you can have a consistent design across multiple widget and it become much easier to change multile parameters all together at the same time from one location.

For more details about the Styles data source click [here](/grid/widget-creation/creating-your-own-widgets/adding-data-source/data-source/style.md).

Based on the system described above, it is possible to create a UI system that is completely different to the widgets that are shipped with Grid Studio. Below is an example of such UI interface:

<figure><img src="/files/Vfdsrtc7Z3dh2LVqwEUB" 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://stage-precision.gitbook.io/grid/widget-creation/creating-your-own-widgets/using-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.
