# Branding

Datta Able offers a unique feature that allows you to replace all your branding elements from a single location, enabling you to launch your SaaS product faster. We provide a `branding.json` file where you can simply replace the values with your own brand properties.

{% hint style="info" %}
Any reference to logos and branding in **images** will not be replaced automatically by this guide. You will need to manually update and replace those images with your own.
{% endhint %}

{% code title="src/branding.json
" %}

```json
{
  "brandName": "Datta Able",
  "title": "React Admin Dashboard Template",
  "Docs": "https://codedthemes.gitbook.io/datta",
  "changeLog": "https://codedthemes.gitbook.io/datta/changelog",
  "company": {
    "name": "CodedThemes",
    "url": "https://codedthemes.com",
    "support": "https://codedthemes.support-hub.io/",
    "privacyPolicy": "https://codedthemes.com/privacy-policy/",
    "license": "https://codedthemes.com/license/",
    "socialLink": {
      "linkedin": "https://www.linkedin.com/company/codedthemes/",
      "twitter": "https://x.com/codedthemes",
      "instagram": "https://www.instagram.com/codedthemes/",
      "facebook": "https://www.facebook.com/codedthemes",
      "youtube": "https://www.youtube.com/@codedthemes",
      "github": "https://github.com/codedthemes",
      "dribble": "https://dribbble.com/codedthemes",
      "discord": "https://discord.com/invite/p2E2WhCb6s"
    }
  },
  "logo": {
    "main": "",
    "logoIcon": "",
    "logoFab": "",
    "logoWatermark": ""
  }
}
```

{% endcode %}

## Logo Guidelines

You need to provide the path to your logo in the `src/branding.json`, and the code will use the specified logo instead of the default Datta Able logo. If no path is provided, the Datta Able logo will be used by default. For each logo, there are size guidelines to ensure a better site experience. Please check the guidelines below for each logotype:

|        | main (Dark)  | Light Logo   |
| ------ | ------------ | ------------ |
| Size   | 130x35       | 130x35       |
| Format | Image Format | Image Format |


---

# 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://codedthemes.gitbook.io/datta/branding.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.