Guides Claude published apr 26, 2026

How To Do a Brand Refresh in Five Minutes With Claude Design

beginner

The Rundown

This guide shows you how to use Claude Design to create a refreshed brand design system from an existing website and brand brief. You will produce typography direction, color tokens, reusable web components, website direction, slide templates, and product UI concepts. The source says Claude’s generation can take about five minutes, but you should budget closer to 10–15 minutes if the tool is busy.

Who This Is Useful For

Founders and consultants who already have a real brand but need a sharper visual system quickly
Marketers and operators who want a better starting point before handing work to a designer or developer
Anyone building decks, landing pages, or product mockups who wants one reusable system across everything

What You Will Build

You will build a reusable brand system, not just a prettier homepage. The output is a set of assets and directions you can keep building on.

Typography direction and design tokens
A cleaner color system with primary, accent, neutral, surface, and status colors
Reusable web components like buttons, cards, inputs, and badges
A refreshed website direction
Slide templates and product UI concepts built from the same system

What You Need

A paid Claude plan with access to Claude Design
A website you can screenshot
Another AI tool for the brand refresh step; the source example used ChatGPT, but you can use whatever you prefer
Optional logo files, wordmarks, and brand fonts if you already have them

Going Further

After Claude finishes, review the marketing page, web app page, and slide decks it created. Then move the strongest parts into a real project and keep building from the system.

Click Share and export the design files to Claude Code
Turn the marketing page into a real web project
Use the slide templates as the starting point for future decks
Turn the system into a PDF brand kit for clients or teammates

Ask for a refresh, not a reinvention. You want the brand to feel better, not unrecognizable.

Screenshot your current site and drop it into your preferred AI tool. Then paste this prompt:

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.

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.

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.

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.

This guide

Rundown University Pro

$49 billed monthly

Every on-demand course
Certifications on completion
Exclusive bonus perk drops
24/7 support

Go Pro for $49

Guides and live sessions stay free for everyone. Cancel anytime.

More guides like this

Use This Hidden Feature To Make Your Notion Agents Autonomous Notion · Intermediate How To Replace Siri With a Free Local Model Locally AI · Beginner Build a Custom Blog Writing Agent With No Code (Langflow) Langflow · Intermediate Automate Any Manual Task With Codex OpenAI · Beginner

View all guides

Billy Howell is a Virginia-based entrepreneur and AI educator who used AI-driven marketing systems to generate millions of impressions for startups and small businesses. As he scaled his marketing business, he also grew audiences on YouTube and Twitter by teaching people how to build apps with AI. In 2025, Billy joined The Rundown University to create hands-on video content that helps professionals implement practical, revenue-generating AI workflows in their businesses.

Connect with Billy

LinkedIn X Website

$49 billed monthly · cancel anytime

Go Pro

How To Do a Brand Refresh in Five Minutes With Claude Design

The Rundown

Who This Is Useful For

What You Will Build

What You Need

Going Further

Create the refreshed brand description

Generate a logo and wordmark

Build the design system in Claude Design

Review the system and export the good parts

The Rundown

Who This Is Useful For

What You Will Build

What You Need

Going Further

Every workflow on Rundown University, free for 7 days