The Carousel Maker That Reads Your Brand Colors, Fonts and Logo From Your Website

Supaslides is a carousel maker that reads your brand colors, fonts and logo from your website. You paste your URL, it saves them as an editable brand theme along with your tone of voice, puts your colors and logo on every slide, and Claude writes each slide on top of that theme. Your fonts are one setting away, because each art direction keeps its own type pairing until you pick Brand font. There is no brand kit to fill in first.

The rest of this page explains what that means in practice: what exactly gets read from your site, what you can still change, how other carousel makers handle the same problem, and the cases where reading a website does not work well. We make Supaslides, so we have tried to be specific about the limits, not just the pitch.

Three ways a carousel maker can know your brand

Every tool that promises on-brand carousels gets your brand in one of three ways:

1. A manual brand kit.You open a settings page, type in your hex codes, choose your fonts and save. Every carousel after that can use them. It works, but the setup is yours to do, and you still start each deck from the tool’s template.
2. Auto-branding templates. The tool applies your saved brand to its template library for you. Faster per post, but the layout, spacing and overall look still come from the template, so decks tend to look like the tool first and like you second.
3. Extraction from your website.The tool reads the brand you already built and published, and turns it into a theme. Nothing to set up, and the starting point is your look rather than a template’s.

Supaslides takes the third route. If you only want the raw ingredients (hex codes, font names, logo) to use somewhere else, the free brand kit extractor runs the same extraction and lets you copy the palette as CSS.

What Supaslides reads from your website

When you paste a URL, Supaslides opens the page in a real browser, waits for it to load, and collects:

• A screenshot of the top of the page, the part a visitor sees first. It is the most reliable signal for your overall mood, so it carries the most weight. Common cookie banners are hidden first, so a consent pop-up does not end up choosing your palette.
• Colors from the elements that define a site visually: the page background, header, navigation, buttons, hero and main headline, plus the theme color your site declares for mobile browsers.
• Fonts: the actual heading and body typefaces set in your CSS.
• Your logo, looking first for a logo in your header or navigation, then falling back to your site’s icons.
• Your copy: headings, menu labels and a sample of page text. This is where your tone of voice, a short summary of what you do and the language of your site come from, so a Spanish site gets Spanish carousels.
• Images: up to eight of the larger images on the page, which you can use on photo slides.

Claude then turns those signals into a theme. It does not copy your CSS one to one. It builds five palettes from your colors (your main look, a light or dark flip of it, a version with your signature color as the background, and two alternatives), each designed to keep text readable. It maps your typefaces to the closest fonts Supaslides can render, and it recommends the art direction that best fits your brand’s personality.

How fonts actually work

Fonts are what people ask about most, so here is exactly what happens. Supaslides renders slides from a library of 20 Google web fonts, including Inter, Manrope, DM Sans, Space Grotesk, Fraunces, Playfair Display and Lora.

• If your site uses a font in that library, your brand font on the slides is exactly your font.
• If your site uses anything else (a licensed typeface, a custom corporate font, or a Google font outside the library), Supaslides records its name and uses the closest match from the library, chosen for the same character: geometric, editorial serif, technical, playful and so on.
• By default, each art direction sets type in its own pairing, because typography is a big part of what makes a style look like itself. Your colors and logo apply straight away; for type, switch headings and body to Brand font in your brand settings (or in the editor for a single carousel), or pick any font from the library yourself.

You cannot upload your own font files. If your brand depends on a licensed typeface, expect a close match, not the original.

What you can change after extraction

The extracted brand is a starting point, not a lock. Everything in it is editable in your brand settings:

• Colors: switch between the five palettes, or change any of the six color roles (background, surface, primary, accent, text, muted) with a color picker. The original extraction stays available as a palette, so you can always go back.
• Fonts: set headings and body separately, to the art direction’s choice, your brand font, or any font in the library, plus a monospaced font for labels and page numbers.
• Logo: upload a PNG, JPEG, WebP or SVG if the detected one is wrong, and show it on every slide, on the cover only, or not at all.
• Voice and context: edit the brand name, @handle, description, tone of voice and language that Claude writes with.
• Style: pick a different art direction. There are more than 40, and each one re-skins the whole deck in your palette with one click.

Brand settings are the default look for new carousels. Inside the editor you can still adjust a single carousel without touching the brand.

How carousel makers handle your brand

How we compared: we make Supaslides, so read this with that in mind. Details about the other tools come from their public pricing and product pages as we checked them in September 2026; plans change, so confirm on their sites before you buy. This table compares one thing only, how each tool gets your brand into a carousel, not overall quality. For the wider picture, see our roundup of the best AI carousel generators.

Where the others are stronger: Canva gives you full manual control and an enormous template library, so if you enjoy designing, a Brand Kit there is a fine answer. Contentdrips and PostNitro apply your brand to their templates automatically once it is set up, and both can publish for you. Predis covers far more than carousels, from video to scheduling across 10+ accounts. The question this page answers is narrower: which tool gets your brand right with nothing to set up. That is where reading your website has the edge. Tool by tool: Canva, PostNitro, aiCarousels, Contentdrips and Predis.

When reading your website does not work well

Extraction is only as good as the site it reads. It struggles in a few predictable cases:

• Thin or unfinished sites.A coming-soon page, a single screen with a stock photo, or a site still on its builder’s default template gives little to work with. Expect a safe, generic palette and a vague tone of voice. Paste your richest page instead, or adjust the result by hand.
• Headlines baked into images. If your hero headline and key messages are part of an image, there is no text to read a heading font or a tone of voice from. The colors still come through from the screenshot, but plan to set the fonts yourself.
• No web fonts. Sites set in system fonts such as Arial or Helvetica, or in a licensed typeface, get the closest match from the library, never the exact face.
• Pages a browser cannot get into.Login walls and aggressive bot protection can block the browser. Supaslides then falls back to reading the page’s HTML directly, which gets your copy and some font and color hints, but without a screenshot the palette is much more of a guess. If the page cannot be read at all, build the brand from scratch.
• A campaign look on your homepage. It reads the page you paste, starting at the top. If your homepage is running a seasonal campaign in different colors, the palette follows the campaign. Point it at a page that shows your everyday brand.
• You want a new look, not your current one. Extraction copies what is live. If you are mid-rebrand, or want your social feed to look different from your site, start the brand from scratch or treat the extracted theme as raw material and change the palette and fonts. Trying other art directions is the quickest way to a new look that keeps your colors.

How to make a carousel in your brand colors, fonts and logo

1. Open the free Supaslides wizard (no login needed) and paste your website URL. If you already have an account, create a new brand from your URL instead.
2. Wait a few seconds while it reads the site, then check what it pulled. Logo, colors, type and voice are shown before anything is generated.
3. Pick one of the suggested topics or write your own one-line brief. Choose the carousel type and the number of slides (up to 10), or let the AI decide.
4. Claude writes every slide and picks a layout for each one, previewed in the art direction recommended for your brand.
5. Try other styles and palettes. The words stay the same; the look changes in one tap.
6. Create a free account to edit and download. Fix anything the extraction missed in brand settings (logo, a color, Brand font for headings and body), then export PNGs at 1080x1350 for Instagram or 1080x1920 for TikTok, a PDF for LinkedIn, or animated MP4 video.

The free plan covers one brand and three carousels a month in Instagram and TikTok sizes, with a watermark. Pro at $19 a month adds every platform, three brands and 20 carousels a month, without the watermark. If you are starting from a specific article or product page rather than a topic, the same flow works from that link; see how to turn a website URL into an on-brand carousel.

The short answer

If you want carousels in your own colors, fonts and logo without building a brand kit, use a tool that reads your website. Supaslides does that from one URL: your colors and logo go on every slide straight away, your fonts are detected and one setting away, and everything stays editable. It works best on a real, text-rich site. On thin pages, image-only headlines or licensed fonts, expect to adjust the result by hand. The reason to bother at all is consistency: a feed that looks like one brand, post after post.