LoginSign up for free

Brand Kits

It takes seconds to set up. Your brand comes to life instantly, in every asset.

Getting Started

What is a Brand Kit in Arcade?

A Brand Kit is Arcade’s visual and tonal understanding of your brand — your colors, fonts, logos, icons, background imagery, and voice.

Arcade uses your Brand Kit whenever AI creates visuals or videos, ensuring everything stays on-brand without manual restyling.

Where can I find my Brand Kits?

Go to Settings → Brand Kits.

Each Brand Kit appears as its own card.

Creating & Editing

How do I generate a new Brand Kit from my website?

  1. Go to Settings → Brand Kits → New Brand Kit

  2. Enter your company URL

  3. Click Generate

Arcade scrapes your site and automatically builds a full kit using your brand’s publicly visible identity.

What does Arcade scrape when generating my Brand Kit?

Arcade automatically collects:

  • Primary, secondary, and highlight colors

  • Text and neutral colors (light + dark)

  • Font styles

  • Logos (light/dark)

  • Icons (light/dark)

  • Background images

  • Style cues (corner radius, shapes, patterns)

Can I edit my Brand Kit after it’s generated?

Yes — everything is editable. You can:

  • Replace colors

  • Swap fonts

  • Upload new logos or icons

  • Delete any item using the trash can

  • Add/remove screenshots that define your brand’s visual language

Can I upload my own brand assets?

Yes. You can upload logos, icons, fonts, or additional visual references directly into the Identity or Assets tabs. Upload your preferred JPEGs, PNGs, and SVGs.

Why is my logo not sized correctly?

TL;DR

If your logo looks small in Arcade:

  • The SVG likely contains extra invisible space

  • Arcade is using your file exactly as provided

  • Fixing the SVG (not resizing in Arcade) is the solution

If you’re ever unsure, updating your logo in the Brand Kit with a cleaner SVG usually fixes the issue immediately.

Logos, SVGs, and Why Your Logo Might Look Small

Logos looking too small in Arcade is one of the common questions we get. In almost all cases, this isn’t caused by Arcade’s sizing — it’s caused by the SVG file itself.

This article explains what an SVG is, why some logos appear small, what Arcade can and can’t adjust, and how to get a better logo file.

What is an SVG?

SVG stands for Scalable Vector Graphics. Unlike PNGs or JPGs, SVGs are made of paths and shapes instead of pixels.

That means:

  • SVGs can scale up or down without getting blurry

  • They’re ideal for logos

  • They often have transparent backgrounds

However, SVGs also include invisible layout information, like padding and viewboxes — and that’s where problems usually start.

Why does my logo look small in Arcade?

If your logo looks tiny, it’s almost always because:

1. The SVG has a large invisible canvas

Your logo artwork may only take up a small portion of the SVG’s total area. Arcade scales the entire SVG, not just the visible shapes.

So if the logo is surrounded by extra empty space, the visible logo will appear smaller. In this case, we recommend cropping your SVG at svgcrop.com.

2. The SVG was exported incorrectly

Common export issues include:

  • Extra padding added by design tools

  • A viewBox that’s much larger than the logo itself

  • The logo being grouped or positioned off-center

Arcade respects the SVG exactly as it’s uploaded — we don’t crop or rewrite it.

Can Arcade resize or fix my SVG automatically?

No, and that’s intentional. If you want to update your SVG, you can go to svgcrop.com to adjust it.

Arcade preserves your logo exactly as uploaded and scales it consistently across templates.

This ensures your branding stays accurate, but it also means we can’t fix structural issues inside the SVG file itself.

What can Arcade do with logos?

Arcade can:

  • Scale the SVG proportionally

  • Place it consistently across templates

  • Respect transparency

  • Apply your Brand Kit colors where applicable

Arcade cannot:

  • Remove invisible padding

  • Edit the SVG’s viewBox

  • Recenter or crop the logo artwork

  • Convert a low-quality SVG into a better one

What does “transparent background” mean?

A transparent background means:

  • The logo has no white box behind it

  • It blends cleanly into any background color or image

SVGs can support transparency, but not all do.

Common issues:

  • The SVG includes a white rectangle behind the logo

  • The logo was exported from a PNG and wrapped in an SVG container

  • The background was flattened during export

If your logo appears with a white box, the background isn’t truly transparent.

How can I check or edit my SVG?

If you’re not a designer, you still have options.

Easy ways to inspect or fix an SVG

You can open SVGs in tools like:

  • Figma

  • Adobe Illustrator

  • Sketch

  • Inkscape (free)

What to look for:

  • Is the logo centered?

  • Is there extra empty space around it?

  • Is there a background shape?

  • Does the logo fill most of the canvas?

If trimming the canvas makes the logo larger, that’s the fix.

Who should I ask at my company for help?

If this feels technical, that’s okay — it usually is.

The best people to ask:

  • A designer (brand, product, or marketing)

  • Anyone who manages your brand guidelines

  • The person who provided your original logo files

  • An agency or contractor who created your branding

A helpful thing to say:

“Can you send me an SVG logo that’s tightly cropped, centered, and has a transparent background?”

How do I get a better SVG if I don’t have one?

Options include:

  • Asking your design team for a web-optimized SVG

  • Exporting a new SVG from Figma or Illustrator with padding removed

  • Using your official brand assets (not website downloads)

  • Avoiding SVGs that were converted from PNGs automatically

If you only have a PNG or JPG, a designer may need to recreate or clean up the SVG.

What does a “good” SVG logo look like?

A strong SVG for Arcade:

  • The logo fills most of the canvas

  • Minimal or no invisible padding

  • Transparent background

  • Centered artwork

  • Clean paths (not raster images wrapped in SVG)

These files scale beautifully and look great across all Arcade templates.

Brand Assets

What shows up in the Assets tab?

The Assets tab stores images the AI may use when generating visuals or videos, including:

  • Screenshots scraped from your website

  • Assets you manually upload

  • Generated assets inspired by your branding

Can I request new assets from AI?

Yes. Under Assets → Add Asset, you can:

  • Generate with AI — create new branded backgrounds or visuals

  • Upload from files — add your own images

Why does Arcade generate multiple versions of my logos and icons?

Arcade creates light, dark, simplified, and icon-only versions so AI can choose the best fit for different layouts and backgrounds.

What are Brand Inputs and Creative Assets?

  • Brand Inputs: Screenshots or visuals that help Arcade learn your visual identity.

  • Creative Assets: Background images without text, generated from your inputs, used in visual and video creation.

Voice & Tone

What is the Voice tab?

The Voice tab defines your brand’s writing and speaking style. This tone is used for:

  • AI-generated copy in visuals

  • On-screen text

  • Video scripts

  • AI voiceover narration

Which voice styles are available?

Arcade includes six presets:

  • Professional

  • Educational

  • Friendly

  • Minimalist

  • Inspirational

  • Custom

Each preset has an editable description you can rewrite to match your brand.

Can I customize or refine my brand voice over time?

Yes.

You can fully rewrite the voice prompt, and giving feedback on generated copy (👍/👎) helps refine how Arcade writes for you.

Using Brand Kits

How does my Brand Kit affect visuals and videos?

Your Brand Kit controls:

  • Colors

  • Fonts

  • Logos and icons

  • Background images

  • Shape and corner radius preferences

  • Voice tone

  • Overall style

This ensures visuals and videos generated with AI feel like they were made in-house.

Can I switch Brand Kits for a specific project?

Yes. When creating a visual or video, simply choose a different Brand Kit.

You may also switch Brand Kits in the editor before exporting.

Do AI visuals or videos update automatically when I change my Brand Kit?

No. Existing content does not update retroactively.

All future generations will use the updated Brand Kit.

Managing Brand Kits

Can I create multiple Brand Kits?

No, currently each Workspace only has one Brank Kit per. If you and your team want more, please reach out to our Support team.

Do I need to update my Brand Kit regularly?

Usually no. Most teams generate a Brand Kit once and adjust it only when branding changes (new logo, new palette, etc.).

What happens if I delete part of my Brand Kit?

Anything you delete — logo, color, icon, asset — will no longer be used in future generated content.

Can multiple admins edit the same Brand Kit?

Yes, though it's best to limit edits to your design/admin team to avoid overwriting changes.

Troubleshooting

What if Arcade misidentifies my brand style?

You can delete incorrect Brand Inputs and upload your own. Providing feedback helps Arcade improve future generations.

Why does spacing, padding, or layout look slightly off in generated visuals?

Minor inconsistencies can occur. If you notice recurring issues, report them to our support team

PreviousCreator StudioNextVideo Generation

Last updated

Was this helpful?