Brand theming
Set a font and an accent color once, and every Framerlink component on your canvas adopts them — no per-component styling required.
Open Brand from the plugin home screen. Two settings apply across the whole library, and changing either one re-bakes every placed component automatically.
Fonts
Two ways to pick a typeface:
- Web-safe fonts — around 12 dependable system families (Inter is the default, plus System UI, Arial, Helvetica, Verdana, Tahoma, Trebuchet, Georgia, Times, Garamond, Palatino, Courier). These render identically on the canvas and on your published site with zero setup.
- Custom — name any font you've already added to your Framer project, including your own uploads. The field autocompletes from your project's font list.
Components render inside the Framer canvas, where external font loading is restricted. Using system families — or fonts already in your project — means what you see on the canvas is exactly what ships.
Accent color
The accent color recolors the primary action across components: Add to Cart, Quick Add Button, the Cart Icon badge and checkout button, Wishlist Button, Trust Badges icons, Social Share and Info Link.
Deliberately not branded: semantic colors like the sale red, star-rating fill, badge presets, text and backgrounds — so your accent never breaks meaning.
Per-instance overrides
The brand theme sets defaults; the properties panel wins. If you override a color or font on one component instance, that override survives every brand change and re-bake. Clear the override to fall back to the brand value.
How re-baking works
Changing the brand rewrites each placed FL_ file with the new values,
sequentially, so the canvas stays responsive. While you browse fonts the plugin
debounces changes — the re-bake runs when you settle on one, not on every
keystroke.