DocsOverlaysBrand kit, library & templates

Brand kit, library & templates

PremiumStudio → Overlays → Brand kit, library & templates16 settings4 min read

Three tabs on the overlays overview make every overlay feel like yours. The Brand kit stores your colors, fonts, name, socials line and logo — it colors new templates and shows up as quick swatches in every color and font field. My library holds your uploads for all overlays. Templates & packs gives you complete scenes in four styles.

How it works#

  • Brand kit colors appear as clickable swatches next to every color field in the editor; brand fonts are listed first in every font menu.
  • Templates come in four styles (Minimal, Neon, Retro, Glass) and four scenes (Live, Starting soon, Be right back, Stream ending), in landscape or portrait.
  • Install whole pack (4 scenes) creates all four scenes of a style at once, already published.
  • Uploaded fonts can be used everywhere: text layers, the brand kit, alerts.

Before you start#

Optional: a logo and your own fonts uploaded to My library.

Set it up#

Part 1Set up your brand once5 steps
Open the page

In the Studio sidebar, under STREAM TOOLS, click Overlays.

Upload your logo and fonts

Tab My library → Upload your logo (PNG) and font files (.woff2/.ttf/.otf).

Fill in the brand kit

Tab Brand kit: pick a Base style, set your five colors, heading and body font, Name on your overlays, Socials line and Logo.

Save

Save brand kit. The preview on the right shows a Live and a Starting scene in your style.

Use it

Tab Templates & packs → tick Apply my brand kit → Install whole pack (4 scenes).

Four scenes appear on the Overlays tab, in your colors and fonts, ready for OBS.

Every setting explained#

Brand kit
Base styleminimal, neon, retro or glass — the starting palette and fonts. Empty colors/fonts fall back to this style's defaults.
minimalneonretroglass
ColorsMain color, Accent color, Panel, Text, Background. Each has a picker and a text field; ↺ resets to the style default.
Heading font / Body fontAny uploaded or built-in font, or Style default.
Name on your overlaysYour stream name, used in templates (max 60 characters).
Socials lineE.g. @yourchannel · twitch.tv/yourchannel (max 200 characters), used in templates.
Logo (from your library)Pick an uploaded image; it's placed on Starting-soon templates.
Save brand kitSaves. Existing overlays don't change — use Bulk edit → Apply brand kit on a folder for that.
My library
UploadImages (PNG, JPG, GIF, WebP — max 10 MB), video (MP4, WebM — 25 MB), audio (8 MB) and fonts (.woff2, .woff, .ttf, .otf — 5 MB). 500 MB per server.
Name / FolderGive files a clear name and an optional folder (Logos, Backgrounds, Sounds…); filter by folder at the top.
Rename / DeletePencil and bin on each file.
FontsAn uploaded font's family name is the name you give it — that's what appears in font menus.
Templates & packs
Apply my brand kit (colors & fonts)When ticked, templates use your brand kit instead of the style's own colors. Greyed out until you saved a brand kit.
StylesMinimal — clean and calm, fits any game. Neon — bright glow, cyan and pink. Retro — pixel font and hard shadows. Glass — frosted glass with a soft blur.
ScenesLive, Starting soon, Be right back, Stream ending — each with matching texts you can edit afterwards.
UseCreates one scene as a new overlay and publishes it straight away.
Install whole pack (4 scenes)Creates all four scenes of the style.

Good to know#

Set the brand kit before installing templates — it saves recoloring later.
Changed your colors after building a dozen overlays? Put them in a folder and use Bulk edit → Apply brand kit.

Troubleshooting#

Apply my brand kit is greyed out
Save a brand kit first on the Brand kit tab.
Upload fails
Check the file type and size limit, and the library usage bar — at 500 MB, delete unused files first.
Was this page helpful?