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.

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.

src/branding.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": ""
  }
}

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