published apr 26, 2026
How to Do a Brand Refresh in Five Minutes with Claude Design
beginnerCreate the refreshed brand description
Screenshot your current site and drop it into your preferred AI tool. Then paste this prompt:
Analyze this website and create a refreshed brand description. Keep what works, but sharpen the positioning, visual direction, typography, and color palette. Give me a concise brand summary I can use in Claude Design.In the source test, Claude did not want to redesign an existing brand directly, so ChatGPT was used for this part. The key output is a clean refresh brief you can reuse.
If the response is too long, ask the tool to tighten the brand description before you move on.
Generate a logo and wordmark
Take the refreshed brand description and ask your AI tool to generate a logo and a wordmark logo.
The source example used ChatGPT for its image model, but you can use whichever tool you prefer.
After generating the logo and wordmark, ask for the full brand refresh in one clean block of text so you can copy and paste it into Claude Design without cleaning it up by hand.
Download the logo and wordmark files. Even rough first-pass assets can help Claude Design produce a better result.
Build the design system in Claude Design
Go to claude.ai/design and click the Design systems tab.
Create a new design system and follow this setup:
- Paste the name of your site in the first box.
- In the last box, paste the refreshed brand description from Step 1.
- Upload the logo, wordmark, and any other photos or assets you want Claude to use.
Claude Design may also offer GitHub and Figma inputs. Those are useful if you have them, but you do not need them for a strong first pass.
Start the generation when everything is in place.
Claude says this takes about five minutes. In the source test, it often took longer, so budget closer to 10 or 15 minutes if the tool is busy.
Review the system and export the good parts
Once the system finishes, do not stop at the first polished screen. Open the foundations and review what Claude made.
In the source run, Claude generated:
- Teal as the primary color family
- Lime as the accent family
- Graphite neutrals, surfaces, and status colors
- Spacing rules, corner radii, and elevation
- Component groups for buttons, status pills, inputs, cards, list rows, and charts
The neutral system was especially strong, including Rundown Black #111112, Academic Black #0F0F12, Graphite #232326, Graphite Raise #2D2D31, Soft White #F7F5F0, Chalk White #F5F2EA, Muted Stone #A8A29E, and Stone Deep #7A7670.
The same system also produced a refreshed learning dashboard and could be stretched across other outputs like slide templates and app UI.