Style a deck from your website's brand
After this, you'll be able to point Claude Design at your existing website or brand so a new deck comes out in your real colors, fonts, and feel, instead of a generic default look.
Before you start
Complete A sales deck after a call, in one shot first; once you can build a deck fast, this lesson makes it look like yours by matching your real brand.
The idea
*A deck does not have to look generic. You can point Claude Design at your existing website, and it will style the slides to match your real brand. Brand here means your colors, fonts, logo, and overall feel.* Matching them makes the deck look like it belongs to you, not to a template.
This matters because a deck that clashes with your website looks slapped together. When the slides share your site's colors and type, the whole thing reads as one coherent business.
How you give Claude your brand can be as simple as a few inputs. You can share a screenshot of your website (a captured picture of the screen). You can describe the look in words ("our blue, a clean sans-serif font, lots of white space"). If you have brand colors or a logo as files, you can add those too.
The point is the same each way: you are handing Claude the look to copy, so it does not invent one.
Here is the before and after: Someone builds a deck in Claude Design's default style, then presents it next to their on-brand website, and the mismatch is obvious and a little embarrassing. Someone else shows Claude a screenshot of their site and says "match this deck to our brand," and the slides come out in their real colors and fonts, looking like a natural extension of the company.
What to say is direct. "Here is a screenshot of our website. Style this deck to match: use these colors, this kind of font, and the same clean, modern feel." You are describing the look, not the content, so the deck keeps your message and gains your brand.
Why this beats hand-matching colors yourself is time and accuracy. Eyeballing a hex code (the code that names an exact color) off your website and typing it into each slide is slow and error-prone. Showing Claude the source and asking it to match is faster and more consistent across every slide.
A heads-up for later: doing this once per deck works well. If you find yourself restyling every new project to match your brand, that is the signal you are ready for a design system, a saved set of your brand's colors and fonts that Claude reuses automatically. That is a whole module later in this track.
Show Claude your website and ask it to match. The deck keeps your message and takes on your real brand, so it looks like part of your business, not a stray template.
Try it (9 min)
Watch out for
- Describing your brand as 'our blue' or 'our usual font.' Claude can't read your mind; give a screenshot, an exact color, or a clear description it can copy.
- Letting Claude rewrite your slide content while restyling. Say 'keep the content the same, change only the look' so your message survives.
- Matching only the first slide. Ask Claude to apply the brand to every slide so the deck is consistent throughout.
- Restyling every single new deck by hand, forever. If you keep doing this, that's the cue to build a saved design system, covered later in the track.
Paste this into Claude
I want my Claude Design deck to match my existing brand, not look like a generic template. Help me write the prompt that makes it match. About my brand: [DESCRIBE IT: your main colors, the kind of font you use, your logo if you have one, and the overall feel, e.g. "navy and warm orange, a clean modern sans-serif, lots of white space, friendly but professional." If you have a website, note that you'll attach a screenshot.] Please: 1. Write me a prompt I can paste into Claude Design that tells it to style an existing deck draft to match my brand, naming the colors, font feel, and overall mood. 2. Tell me the easiest one or two things I can give Claude to communicate my brand (a screenshot, a color list, a logo file) and what each one helps with. 3. Warn me about anything that usually goes wrong when matching a brand, and how to phrase the prompt to avoid it.
What a good response looks like
Here's your brand-matching plan: **1. Your paste-in prompt:** "Here's a screenshot of our website. Restyle this deck to match our brand: use our navy and warm-orange palette, a clean modern sans-serif font, and lots of white space. Keep the slide content the same; only change the look so it feels like a natural extension of our site. Friendly but professional." **2. Easiest things to give Claude:** - A website screenshot: the fastest way to convey colors, fonts, and feel all at once. - A short color list (your navy and orange): pins the exact palette so it doesn't drift. - Your logo file: lets Claude place it and pull accent colors from it. **3. What usually goes wrong:** - Claude changes the wording while restyling. Fix: say "keep the content the same, change only the look." - The match is close but the blue is off. Fix: give the exact color, not "our blue." - It restyles one slide, not all. Fix: say "apply this to every slide in the deck."
What good looks like
- You can name at least two ways to give Claude your brand: a website screenshot, a color list, a logo, or a written description
- You have a prompt ready that asks Claude to style a deck to match your colors, font feel, and mood
- You understand you're describing the look, not the content, so the deck keeps its message
- You can recognize the signal that you're ready for a saved design system later
| Ready | Needs work | |
|---|---|---|
| Job fit | You can name at least two ways to give Claude your brand: a website screenshot, a | The task is still vague |
| Proof | You have a prompt ready that asks Claude to style a deck to match your colors, font | The result is assumed |
| Risk | Low | Breaks when you hand-match colors slide by slide. Eyeballing an exact color off your |
| Next move | Continue | Clarify first |
Use Ready only when the proof is visible.
When this breaks
- Breaks when you hand-match colors slide by slide. Eyeballing an exact color off your website and retyping it is slow and drifts; showing Claude the source and asking it to match is faster and more consistent.
- Breaks when you describe the look too vaguely. 'Make it on-brand' tells Claude nothing concrete, so it falls back on a generic default that won't match your actual site.
AI can help with this
Not sure how to describe your brand? Inside Claude Design, attach a screenshot of your website and say: 'describe this brand's colors, fonts, and feel, then restyle my deck to match.' Claude reads the look off the image so you don't have to name every detail yourself.
You can now
You can complete the lesson outcome in Claude Design or in the supporting tool the lesson names.
- You can name at least two ways to give Claude your brand: a website screenshot, a color list, a logo, or a written description.
- You have a prompt ready that asks Claude to style a deck to match your colors, font feel, and mood.
- You understand you're describing the look, not the content, so the deck keeps its message.
- You can recognize the signal that you're ready for a saved design system later.
Key takeaways
Point Claude Design at your website or brand details and ask it to match, and a deck comes out in your real colors, fonts, and feel. You describe the look, keep your message, and the deck reads as part of your business.
- A deck can match your existing brand: your colors, fonts, logo, and overall feel.
- Give Claude your brand with a website screenshot, an exact color list, a logo file, or a clear description.
- You're describing the look, not the content, so the deck keeps its message and gains your brand.
- Matching by showing Claude the source beats hand-typing colors into each slide.
- Restyling every new deck by hand is the signal you're ready for a saved design system later.
Go deeper