How to Create On-Brand Media with Claude

Every marketer has the same problem: you need on-brand creative, and you need it fast. You could wait for a designer, wrestle with Canva templates, or spend an hour in Figma nudging pixels. Or you could ask Claude to do it in 30 seconds, using your actual brand assets.

That’s what brand themes in CreativeClaw unlock. You import your brand once, and every generation after that uses your real colors, your real fonts, your real logos. Not “close enough.” Exact.

We put this to the test by importing Airbnb’s full visual identity and generating an entire campaign’s worth of media without leaving the conversation. Here’s how it works and what we learned.

Why use CreativeClaw for brand themes?

CreativeClaw is the fastest and simplest way to use brand themes in Claude. Here's why:

• No API keys needed - No accounts, no configuration files. Connect one URL and every model is available instantly.
• No subscriptions - Pay only for what you generate. $10 = 1,000 credits. No monthly fees, credits never expire.
• MCP Apps - Preview generated media directly in Claude's UI. See results inline without opening files or navigating to external URLs.
• Expert skills built in - CreativeClaw knows how to get the best results from brand themes. You don't need to be a prompt engineering expert - Claude handles the optimization.
• Let Claude iterate - This is the real power. Claude generates, evaluates the result, refines the prompt, and regenerates - all in one conversation. Your AI agent becomes your creative director.
• Run from anywhere - CreativeClaw is a remote MCP server. Use it from Claude Code, Claude Desktop, Claude Web, or OpenClaw - same results, same account, wherever you work.

What is a brand theme?

A brand theme is a saved bundle of your brand’s visual identity that Claude can reference during any generation. It includes:

• Colors with named tokens (primary, secondary, accent, background)
• Logos and SVGs stored as permanent assets with URLs
• Fonts including custom typefaces with weight mappings
• Brand voice guidelines for copy and headlines
• Photography direction for AI image generation prompts

Once saved, the theme persists across conversations. You can have multiple themes and switch between them by name.

The fastest way to create a theme

If you’re using Claude with the Chrome integration, you can import a brand directly from any website:

Use CreativeClaw to import the brand from this page. Save it as a theme called “airbnb”.

Claude reads the live page and extracts colors from the CSS, downloads logos and SVGs, identifies the typography, and captures the brand’s tone of voice. The entire process takes about a minute.

For a complete step-by-step walkthrough with visuals, see our brand themes tutorial.

Why fonts matter more than you think

When AI generates a banner, it falls back to whatever font is available. Usually something generic like Roboto or Inter. The result looks “close enough” on a quick glance, but your audience can feel the difference. The letterforms, the weight distribution, the spacing — they’re all wrong.

CreativeClaw supports any Google Font out of the box, and you can upload custom fonts (woff2, ttf) as assets. The theme records the exact font-face snippet, weight mappings, and fallbacks so every generation uses your real typeface.

The HTML-to-image superpower

The most powerful way to use brand themes is with CreativeClaw’s HTML-to-image renderer. Instead of prompting an AI model and hoping it gets the brand right, Claude writes exact HTML/CSS with your real fonts, real colors, and real logos, then renders it as a pixel-perfect PNG.

The workflow:

1. Claude generates a stunning photo with Nano Banana 2 (guided by your photography direction)
2. Claude writes an HTML layout using your brand’s exact design tokens
3. The photo is composed into the layout via the HTML renderer
4. The result is a production-ready banner with pixel-perfect brand accuracy

This is how we generated four distinct Airbnb campaign banners — each with a unique AI photo, the real Airbnb Cereal font, exact Rausch coral (#FF385C), and the Belo logo mark. The kind of brand accuracy that’s impossible with pure AI image generation.

Beyond static images

Brand themes work across every creative format in CreativeClaw:

• Video backgrounds — generate a hero image, animate it into a looping video, overlay branded text
• CSS mask effects — use your logo SVG as a clipping mask on video or photography
• Landing pages — generate fully coded, on-brand pages with your colors, fonts, and tone
• HTML video templates — create Remotion-based branded video content

Saving reference assets

Beyond the theme itself, you can save any image as a named asset in CreativeClaw. Product photos, UI screenshots, style references — Claude can pull them into any conversation by name. The theme provides the brand system, while saved assets provide specific visual references.

Getting started

1. Connect CreativeClaw to Claude (setup guide)
2. Open your website in Chrome with Claude connected
3. Ask Claude to import your brand and save it as a theme
4. Start generating: “Create four Instagram banners for a summer campaign using my brand theme”

Your brand identity lives in CreativeClaw now. Every conversation, every generation, every model starts with the same foundation.

For the full tutorial with live examples, generated banners, font comparisons, and video demos, check out the brand themes walkthrough.

Setup by client

Claude Code - Install the CreativeClaw plugin for the full experience with skills and optimized prompts. See setup guide.

Claude Desktop (Cowork) - Add the CreativeClaw MCP URL in your MCP server settings.

Claude Web (claude.ai) - Add CreativeClaw as a remote MCP server in your MCP settings. The plugin with advanced skills is coming soon, but the MCP tools work today.

OpenClaw - Add CreativeClaw as an MCP server in your configuration.