Brand kit & global styles
Define your look once — every page compiles against it.
What the brand kit controls
The brand kit is a small set of global styles that applies across every page you build:
- Accent color — used for buttons, links, badges, highlights, and interactive elements across all widgets.
- Button style — solid, outline, or soft, applied consistently to every button and call-to-action widget.
- Corner radius — how rounded buttons, cards, badges, and inputs appear.
Where to find it
Open Brand kit from the app dashboard (or from the editor's Style panel when nothing is selected). Changes preview live in the editor so you can see how widgets respond before you commit.
When brand kit styles are applied
Brand kit values are baked in at publish time. When you publish, the compiler writes your accent, button style, and radius into the generated CSS alongside the page. That means:
- Published pages match your brand with zero per-widget styling work.
- If you change the brand kit later, existing published pages keep their old look until you republish them — nothing changes on your storefront by surprise.
- To roll a rebrand out everywhere, update the brand kit and republish the affected pages (each republish only rewrites ConvertCanvas's managed files).
Brand kit vs. per-widget styles
Any style you set directly on a widget — a custom button color, a one-off radius — overrides the brand kit for that widget. This gives you a sensible default everywhere with full control where you need it. To make a widget follow the brand kit again, reset its overridden styles in the Style panel.