Make On-Brand Creative with Claude Design

Write down your rules (optional)

If your rules are only in your head, get them on one page first. You'll upload it in Step 2.

Help me write a one-page brand rules doc I can upload to Claude Design. Ask me one question at a time. Cover:
- Our voice in 3 words, with one example line for each
- Words and phrases we always use, and ones we never use
- Our colors with hex values, and which ones are never changed
- Our fonts and where each one is used
- How much space the logo needs around it
- The claims and numbers we're allowed to make

When we're done, give me the doc as a short list of rules. Every rule must be something a person could check with a yes or no.

Build your Design System

Open Claude Design and start a new design system. Claude shows you a short form. Developers can connect GitHub or a codebase. Marketers can skip that: upload your brand guide PDF, logo files and rules doc, and paste your website link. Pick the surfaces you need (social and ad templates, email templates, slide decks) and a starting point: document your existing brand, evolve it, or start fresh. Then look through what it built: colors, shades, fonts, logos and voice notes. Comment on anything that's wrong and Claude fixes it.

Create a new design system for [your brand].

Share it with your team

On a Team or Enterprise plan, turn on sharing with your organization. Now everyone makes work from the same system.

Make your first 4 ads

Fill in the brackets with real details. Generic input gets generic ads, so add what you already know works from your own marketing.

Using our Design System, make our first 4 ads.

What we're promoting: [product, offer or lead magnet]
Who it's for: [role, business type, size]
What we want them to do: [book a demo / download / register]
Proof we can use: [real numbers, results, customer types. Nothing else counts as proof.]
Where it runs: [LinkedIn feed, 1080x1080]

Make 4 ads, each with a different angle:
1. The problem: name the pain in their words.
2. The result: what changes after.
3. The proof: lead with one number from the list above.
4. The contrast: before vs. after, or us vs. doing nothing.

Rules:
- Use only colors, fonts, spacing and components from the Design System.
- Headline 8 words or fewer. It has to read at thumbnail size.
- Use only the proof I gave you. Don't invent stats, quotes, logos or customers.
- If something is missing, ask me before you start.

Under each ad, give me the headline, one line of post copy, and the angle it's betting on.

Multiply one ad into three directions

One ad isn't enough to test. Pick the one you like best and get three versions that grab attention in different ways.

type does the work. Still readable at thumbnail size in the feed.

the image carries it. Headline drops to four words, rewritten, not shrunk.

leads with a number that gets its own space. Often the B2B winner.

Make three new versions of it using our Design System. Keep the same message and offer, and change what grabs attention first:

1. Headline-led: the words do the work. It must still read at thumbnail size.
2. Image-led: the image carries it. Cut the headline to four words or fewer by rewriting it, not by shrinking the text.
3. Proof-led: lead with one real number from the original ad or from what I give you, and give it its own space. Don't invent a number.

Use only colors, fonts and spacing from our Design System. Under each version, write one line on what bet it's making and who it's most likely to stop.

Resize for every placement

Once an ad is right, Claude remakes it for every size you run. It rearranges the layout instead of shrinking it. Swap in your own sizes, and save your usual ones in the Design System so you don't have to list them every time.

Put this ad on a new page. Make it in these sizes: 1080x1080 feed square, 1200x628 link ad, 9:16 story, 600x200 email header.

For every size:
- Rearrange the layout to fit the new shape. Never shrink the original and add bars around it.
- As the space gets smaller, rewrite the headline shorter. Don't just make the text smaller.
- Keep the same order: whatever people read first in the original stays first. The logo keeps its clear space.
- Use only colors, fonts and spacing from our Design System.

Under each size, write one line on what you changed and why.

Look up today's safe zones for [Instagram Reels, Stories, LinkedIn feed]. Check each size against them and move any headline, logo or button out of the areas the app covers with captions, buttons and comments. List what you moved.

Check it before you export

The tool makes it. You decide if it ships. Four calls stay with a person:

it gives you options. It doesn't know which one fits your market.

run the quick check below before you export.

every claim, number, price and offer. It can make any of them look finished.

faces and likenesses, logos you don't own, anything with legal exposure.

Check this against our Design System before I export it.

1. Score each area PASS, WARN or FAIL: color, type, spacing, logo, voice. WARN means it's defensible but off pattern. FAIL means it breaks a rule in the system.
2. For every WARN and FAIL, name the rule and give the exact fix (the hex value, the size, the rewritten line).
3. List every claim, number, price and offer in the ad so I can check each one is true.
4. Flag anything I may not have the right to use: faces, other companies' logos, stock or AI-made images of real people.

Don't go easy on a FAIL because the work looks good, and don't invent rules that aren't in the system. End with one line: SHIP, FIX FIRST or REMAKE.

Download or send it where it goes

Claude Design builds in HTML, so exporting converts it. There's no Download button: click Share in the top right. From there you can download a PNG, or send it to PowerPoint or Claude Code. Click More to send it to connected apps like Google Drive (it can name every file for you) or Canva for easy edits. You can also publish it as an artifact to get one link to share with your team.