Source: https://divicake.com/blog/rebrand-divi-5-site-with-ai/ [Blog](https://divicake.com/blog/)/[Tutorials](https://divicake.com/category/tutorials/) # How to rebrand a Divi 5 site with AI: global colours and button presets By Asad·8 October 2026·Updated 11 October 2026·2 min read How to Rebrand a Divi 5 Site with AI On this page - [Before you start](https://divicake.com#before-you-start) - [Step 1: Ask for a dry run first](https://divicake.com#step-1-ask-for-a-dry-run-first) - [Step 2: Answer its questions](https://divicake.com#step-2-answer-its-questions) - [Step 3: Apply it](https://divicake.com#step-3-apply-it) - [Step 4: Check the result](https://divicake.com#step-4-check-the-result) - [If you change your mind](https://divicake.com#if-you-change-your-mind) A rebrand on a Divi site is rarely one change. It’s a colour in the global palette, then every button preset that should follow it, then a hunt for the ones you missed. An AI assistant connected to your site can make all of those changes together, and show you the list before it touches anything. This guide uses [MCP for Divi 5](https://divicake.com/shop/mcp-for-divi/) with claude.ai. ChatGPT works the same way. The example is Crumb & Co, a made-up bakery on a test site, moving from orange-red to deep green. ## Before you start Connect claude.ai or ChatGPT to your site with MCP for Divi 5. [How to build a Divi 5 landing page with Claude or ChatGPT](https://divicake.com/blog/build-divi-5-landing-page-with-claude-or-chatgpt/) covers the setup. ## Step 1: Ask for a dry run first A preset change reaches every page that uses it, so ask to see the changes before they are made: Change the site’s accent colour to a deep green and make every button preset use it. Do a dry run first and show me what would change. claude.ai with the dry run: nothing written yet, a question about which accent colour, and the 33 button presets grouped by kind ## Step 2: Answer its questions Nothing was written. Claude came back with two questions we hadn’t thought to answer. First, “accent” was ambiguous. Divi’s theme accent colour was blue, but the Crumb & Co page used an orange-red. It asked which one we meant. Second, the site had 33 button presets, and “every preset” would have turned the white buttons meant for dark sections green too. It grouped them, recommended changing 19 plus the default, and left the black and white ones alone. ## Step 3: Apply it Answer in the same chat and tell it to go ahead: Change the orange-red #f1532b to a deep green instead, and apply your recommended 19 button presets plus the default. Then apply it. claude.ai applying the change: the orange-red is now deep green, and 19 presets plus the default use it One global colour changed, from orange-red to deep green. Twenty button presets now point at that colour, not a fixed hex code, so if you adjust the green later, every one of them follows. Fonts, sizes, padding and corners stayed as they were. ## Step 4: Check the result Open a page that uses the colour. Before: the Crumb & Co page with orange-red buttons, label and card numbers After: the same page with the buttons, label and card numbers in deep green Read the notes at the end of the reply too. Claude flagged a button on the dark olive contact section, where green on olive is hard to read, and suggested a fix without applying it. Claude’s notes: the contact button’s contrast on olive, the default preset, and the snapshots to undo with ## If you change your mind Before any change to presets or colours, the plugin saves a copy of how they were, so the whole rebrand can be undone in one step. [How to undo AI changes on a Divi 5 site](https://divicake.com/blog/undo-ai-changes-divi-5/) shows how. [See MCP for Divi 5](https://divicake.com/shop/mcp-for-divi/). ## Written by Asad Founder of [Karobar Solutions LLC](https://www.karobarhq.com/), the company behind Divi Cake Asad started freelancing in 2016, and his first project was a Divi site. Over a decade later, his team builds plugins that other companies sell. Divi Cake is where they sell their own. - [About Asad](https://divicake.com/about/) - [LinkedIn](https://linkedin.com/in/asadurrehman0) - [X](https://x.com/AsadUrRehman0) ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Tutorials [ How to Undo AI Changes on a Divi 5 Site Tutorials2 min read ### How to undo AI changes on a Divi 5 site Undo what Claude or ChatGPT changed on your Divi 5 site: colours, presets, Theme Builder templates and pages, in one prompt or from the Revisions screen. 10 October 2026](https://divicake.com/blog/undo-ai-changes-divi-5/) [ How to Rewrite Divi 5 Page Copy with AI Tutorials2 min read ### How to rewrite a Divi 5 page's copy with AI without changing the design Rewrite every line on a Divi 5 page with Claude or ChatGPT in one prompt, then check that the colours, spacing, widths and links did not move. 6 October 2026](https://divicake.com/blog/rewrite-divi-5-page-copy-with-ai/) [ How to Build a Divi 5 Landing Page with Claude or ChatGPT Tutorials4 min read ### How to build a Divi 5 landing page with Claude or ChatGPT Build a Divi 5 landing page from one prompt in claude.ai or ChatGPT: connect your site, write the prompt, check the draft, then edit it in the Visual Builder. 4 October 2026](https://divicake.com/blog/build-divi-5-landing-page-with-claude-or-chatgpt/)