In this exercise, you will learn to use Claude Design to get a full brand design system, including typography, colors, web components, a full website, and PowerPoint templates.
Step-by-step:
- Screenshot your current site, drop it into your favorite AI, and 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.
- Take that description and ask your AI to generate a logo and a wordmark logo. We liked ChatGPT’s image model, but you can go with any option
- Go to claude.ai/design, click the Design systems tab, and paste the name of your site in the first box and the revised brand description in the last box
- Finally, upload the logo, wordmark, and any other photos or assets you want Claude to use, and hit enter
Pro tip: Once Claude finishes, check out the marketing page, web app page, and slide decks it created. Then click Share and export those to Claude Code. 🤯