> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/datta/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/datta/branding.md).

# 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 |