> For the complete documentation index, see [llms.txt](https://docs.arcade.software/kb/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.arcade.software/kb/build/creator-studio/brand-kits.md). # Brand Kits ## Brand Kit vs. Theme vs. Branding ### What is the difference between a Brand Kit, a Theme, and per-Arcade Branding? Brand Kit is your brand's source of truth. It stores who you are — your logos, colors, fonts, photography, voice, and other assets. Arcade's AI draws from your Brand Kit whenever it generates visuals or videos, keeping everything on-brand automatically. You set it up once and rarely touch it. Theme is how your demos and share pages look and behave. It controls things like fonts, backgrounds, cursors, CTA buttons, and navigation defaults. Themes are reusable — you apply one to a workspace, folder, or individual Arcade so everything stays visually consistent at scale. Per-Arcade Branding is for one-off overrides on a single Arcade. If you need to swap in a customer's logo, change the favicon, or update the CTA for a specific campaign without touching anything else, that is what branding is for. | | Brand Kit | Theme | Branding (Per-Arcade) | | ----------------------- | --------------------------------- | ------------------------------ | --------------------------- | | What it controls | Identity assets and AI generation | Demo and share page appearance | One-off logo, favicon, CTA | | Scope | Workspace | Workspace, folder, or Arcade | Single Arcade | | How often you change it | Rarely | Occasionally | Per use case | | Where to find it | Settings → Brand Kits | Settings → Brand Kits → Themes | Design panel → Branding tab | *** ## Brand Kits ### 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 do I find my Brand Kits? Go to Settings → Brand Kits. Each Brand Kit appears as a card showing the brand's logo and name. Click a card to open it. ### What is inside a Brand Kit? Each Brand Kit has a left-hand sidebar with the following sections: Home — An overview grid of all your brand elements. Foundations * Sources — The URLs or files Arcade used to generate your Brand Kit. Identity * Logos — Your primary logo and any variants. * Colors — Your brand color palette. * Fonts — Your brand typography. You can add multiple fonts. Only fonts added here will appear in the theme font picker. Assets * Photography — On-brand photo assets. * Backgrounds — Background images for your demos. * Illustrations — Illustration-style assets. * Product — Product visuals such as screenshots and UI captures. Messaging * Voice — Your brand's tone of writing and speaking style, used for AI-generated copy, video scripts, and voiceover narration. * Tones — Variations in voice for different contexts. Custom elements — Add your own custom brand elements. ### How do I create a new Brand Kit? 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 — colors, fonts, logos, icons, backgrounds, and style cues like corner radius and shapes. ### Can I edit my Brand Kit after it is generated? Yes. Everything is editable. You can replace colors, swap fonts, upload new logos or icons, delete any item using the trash icon, and add your own screenshots or visual references. You can also upload assets directly as JPEGs, PNGs, or SVGs. ### How do I rename a Brand Kit? Click the three dots (...) next to a Brand Kit name and select Rename. ### How do I delete a Brand Kit? Hover over a Brand Kit card on the Settings → Brand Kits page and click the trash icon that appears in the top-right corner. You will be asked to confirm. This cannot be undone. ### How many Brand Kits can I have? | Plan | Brand Kits | | ---------- | ---------- | | Free | 1 | | Growth | 1 | | Enterprise | Up to 10 | If you are on Free or Growth and need multiple kits, you will see a Talk to sales prompt to upgrade to Enterprise. Enterprise workspaces at the 10-kit limit will see a Brand Kit limit reached message — edit or delete an existing one to make room. ### 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 color palette, and so on. ### Can multiple admins edit the same Brand Kit? Yes, though it is best to limit edits to your design or admin team to avoid overwriting each other's changes. ### What happens if I delete something from my Brand Kit? Anything you delete — a logo, color, font, or asset — will no longer be used in future AI-generated content. Existing content is not affected retroactively. ### Does changing my Brand Kit update existing content? No. Existing visuals and videos are not updated retroactively. All future generations will use the updated Brand Kit. *** ## Brand Kit Assets and Voice ### What shows up in the Assets sections? The Assets sections store images the AI may use when generating visuals or videos, including screenshots scraped from your website, assets you manually upload, and generated assets inspired by your branding. When you are inside a Brand Kit, asset pickers throughout the editor — logos, backgrounds, and so on — automatically pull from that kit. ### Can I generate new assets with 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 are screenshots or visuals that help Arcade learn your visual identity. Creative Assets are background images without text, generated from your inputs, used in visual and video creation. ### 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, and AI voiceover narration. Six presets are available: Professional, Educational, Friendly, Minimalist, Inspirational, and Custom. Each has an editable description you can rewrite to match your brand. You can also give feedback on generated copy to help refine it over time. ### Can I switch Brand Kits for a specific project? Yes. When creating a visual or video, simply choose a different Brand Kit from the picker. You can also switch Brand Kits in the editor before exporting. *** ## Themes ### What is a theme? A theme is a reusable design preset that controls how your Arcades and share pages look and behave. Themes live inside Brand Kit and are split into two types: * Demo theme — Controls the appearance and behavior of your interactive demos, including fonts, wrapper, cursor, background, autoplay, navigation, and captions. * Share Page theme — Controls what viewers see on the share page, including the logo, favicon, CTA button, and watermark. Share pages are shared across demos, videos, and collections, so these settings are managed separately. ### How do I access Themes? Open a Brand Kit from Settings → Brand Kits, then navigate to the Themes section in the left-hand sidebar. You will see Demo and Share Page tabs. You can also reach themes from inside any Arcade editor: 1. Click the Design panel on the right toolbar 2. Under Theme, click Edit — this takes you directly to the Brand Kit Themes page ### What can I customize in a Demo theme? * Font — Powered by Google Fonts. Only fonts added to your Brand Kit will appear as options. * Brand colors — Hotspot background and text color * Wrapper — Optional browser frame around your demo * Background — Consistent backdrop for all steps * Cursor — Custom mouse cursor * Background music — Upload an MP3 * Autoplay — Auto-advance steps * Navigation — Enable or disable next and back buttons * Captions and translation — Player control defaults ### What can I customize in a Share Page theme? * Logo — Appears in the header of your share page, with an optional link URL * Favicon — Browser tab icon * CTA button — Custom call-to-action text and destination URL * Watermark — Show or hide the Arcade watermark, or add your own (plan-dependent) ### Are Demo themes and Share Page themes completely separate? Yes — they are fully isolated. Creating a new Demo theme does not create a matching Share Page theme, and vice versa. If you delete a Demo theme, the Share Page theme with the same name is unaffected, and vice versa. The only time they share names is right after migration, when each existing theme is duplicated into both a Demo version and a Share Page version. Any themes you create going forward are built specifically for one or the other. ### Can I move themes between Brand Kits? Yes. You can move a theme to a different Brand Kit using the move to option, similar to how you move Arcades between folders. This is useful if you have many themes — for example, themes built for different sub-brands — and want to organize them under the appropriate Brand Kit. ### Where can I apply a theme? Demo themes can be applied at three levels: 1. Workspace — Default for all Arcades in the workspace 2. Folder — Overrides the workspace theme for Arcades in that folder 3. Arcade — Per-Arcade override in the Design panel ### Can I override a theme for a specific Arcade? Yes. Even if a theme is applied at the workspace or folder level, you can override individual settings inside any Arcade from the Design panel — including background, wrapper, cursor, music, and navigation. ### Can I pick my Share Page theme from inside the editor? Yes. In addition to the theme picker in the Edit view, you can also select your Share Page theme directly from the Preview page of any Arcade. ### How do I apply a theme update to multiple Arcades at once? After editing a Demo theme, you will be prompted: "This theme was updated. Choose which Interactive Demos should get the new version." Click Select Interactive Demos to apply the update in bulk, or Discard to keep existing Arcades unchanged. ### What happened to the standalone Themes page? The Settings → Themes page no longer exists. Visiting the old link automatically redirects you to Brand Kit. All theme management now lives under Settings → Brand Kits. ### What happened to my existing themes after the migration? Nothing was lost. Your themes were migrated automatically: * Each existing theme was split into a Demo theme and a Share Page theme. For example, "Marketing" became "Marketing Demo" and "Marketing Share Page." * All themes moved under your first Brand Kit by default. Your live demos and share pages look and work exactly as before — only the location of the settings changed. If you would like your themes reorganized under a different Brand Kit, use the move to option or contact support. *** ## Folder-Level Themes ### Can folders have their own themes? Yes. To apply a theme to a folder: 1. Click ... on the folder 2. Select Edit 3. Choose a default theme ### What happens when I move an Arcade into a folder with a theme? Arcade will prompt you: "Do you want to update this Arcade's settings to match the folder theme?" Accepting applies the folder's font, colors, cursor, background, and other theme settings to that Arcade. *** ## Permissions ### Who can edit Brand Kits and Themes? Only workspace admins. ### Who can edit per Arcade branding? Anyone who can create an Arcade. *** ## Plan Differences ### What do Free accounts get? Free accounts have access to one Brand Kit with a default Arcade theme applied automatically, but cannot edit theme settings or Brand Kit identity elements. The Branding tab inside individual Arcades is also not available on the Free plan. Theme settings are still applied — they are just not customizable until you upgrade. *** ## Troubleshooting ### Why does my logo look small in Arcade? If your logo looks tiny, it is almost always because the SVG has a large invisible canvas or was exported with extra padding. Arcade scales the entire SVG file — not just the visible artwork — so empty space around your logo makes the visible part appear smaller. The fix: Crop your SVG at [svgcrop.com](https://svgcrop.com), then re-upload it to your Brand Kit. Arcade cannot remove invisible padding, edit the SVG viewBox, or recenter logo artwork — the file is preserved exactly as uploaded. A good SVG for Arcade: * Logo fills most of the canvas * Minimal or no invisible padding * Transparent background * Centered artwork * Clean vector paths, not a raster image wrapped in SVG If you need help, ask your design team for a web-optimized SVG that is tightly cropped, centered, and has a transparent background. ### What if Arcade misidentifies my brand style? You can delete incorrect Brand Inputs and upload your own. Providing feedback on generated content also helps Arcade improve future generations for your brand. ### Why does spacing or layout look slightly off in generated visuals? Minor inconsistencies can occur in AI-generated content. If you notice recurring issues, contact our support team. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.arcade.software/kb/build/creator-studio/brand-kits.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.