Brand Kit, Palettes & Style Variants
Apply your brand colors, fonts, and logo across an entire project — and swap design styles without losing your content.
The editor has a small Global Settings section that controls project-wide typography and colors. Combined with the brand kit on your account profile, one change here ripples across every slide and every token-aware layer.
Opening Global Settings
In Advanced mode, open the Settings tab in the right sidebar. Scroll past the slide controls — the Typography and Colors sections appear underneath, along with a Load Brand Kit from Settings button at the top.
Typography
A font pairing is a Heading font plus a Body font. The panel shows a grid of preset pairings — click one to apply it. The active pairing's heading and body fonts are displayed above the grid.
When the pairing changes, the editor recomputes which font each text layer should use. Layers with a textRole of heading (or, when no role is set, layers with a font size of 40+ or whose name contains "heading" or "title") pick up the heading font; everything else gets the body font.
Colors
The Colors section exposes two color tokens — Primary and Accent — and a grid of palette presets. Click a preset to set both tokens at once, or use the individual color pickers under the grid to override either token with a custom hex value (this clears the active preset).
When you change colors, any layer that references a color token via its colorToken field is recolored automatically: text layers get the new color on their text fill, shape layers get it on their fill. Layers without a token are left alone.
Tip: When you build your own template from scratch, assign tokens (rather than raw colors) to text and shapes from the start. Re-skinning the whole carousel later becomes a one-click job.
Load Brand Kit from Settings
Click Load Brand Kit from Settings at the top of the Settings panel to pull your saved brand kit from your account profile. The editor fetches the kit, opens a preview/apply dialog, and lets you choose which slides to apply it to.
When applied, the brand kit drives:
- Fonts — the saved font pairing (or explicit heading/body overrides) updates text layers via the same heading/body heuristic described above.
- Colors — the saved palette plus any custom token overrides (primary, secondary, accent, background, text) flow into every layer with a matching colorToken.
- Link tokens — if your profile has an Instagram handle, website URL, or preferred-link choice, text layers with a linkToken (instagram, website, or preferred-link) get their text content replaced with the matching value.
- Logo — a logo URL or text from the kit is remembered globally for the project so logo layers can use it.
Layers without color, link, or font tokens are not touched, so fixed-color decorations and bespoke wording survive the apply.
Style Variants
When a template ships with Style Variants — alternative full-design treatments of the same template — a horizontal Style bar appears just above the canvas in Advanced mode. Original is the base design; each chip after it is a variant.
Click a chip to switch styles. Your content is merged into the new style: text wording, image URLs, image crops, and icon assets (URL, ID, colorable flag) on layers that have a matching id are carried over. Everything else about the layer — position, size, font, color, decorative siblings — comes from the variant. Layers that exist in the variant but not in the current slide stay as-is.
Tip: If a variant moves things around in a way you don't like, undo (Cmd/Ctrl+Z) restores the previous state exactly.
Putting It Together
A clean workflow: pick a template, fill the content in Basic mode, then switch to Advanced. From the Settings tab, click Load Brand Kit from Settings to apply your palette, fonts, and links in one shot, or tweak typography and colors directly in the panel. If the template offers style variants, the Style bar above the canvas lets you try a different look without losing what you have typed in.
Related Articles
Adding & Editing Text
How to add, style, and edit text layers — fonts, sizes, colors, backgrounds, presets, and brand tokens.
TST Image Editor
Adding Shapes, Icons & Frames
How to add and customize decorative elements — shapes, icons and stickers from the element library, and decorative frames on image layers.
TST Image Editor
Getting Started with the Image Editor
A tour of the Image Editor — slides, layers, panels, and the basic workflow for creating a finished post or carousel.
TST Image Editor
Was this article helpful?
Let us know so we can improve our content