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?
Go to Settings → Brand Kits → New Brand Kit
Enter your company URL
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
Last updated
Was this helpful?