Your brand in Mutiny is the design system that powers all of your assets. It controls colors, fonts, typography, and button styles so everything you create looks like it came from your company. This lesson covers how to edit a brand, create new brands, and set a default.

Next Lesson:📄 How to Setup and use the Library

Editing Brand Settings

Click Brand in the left navigation bar to access all of your brand configurations. From there, click into any brand to make adjustments. Here is what each section controls:

Colors sets your primary, secondary, and tertiary accent colors, applied to buttons, links, backgrounds, and other elements throughout your assets.

Fonts is where you upload custom font files or connect Google Fonts. If uploading individual font files, name them clearly (for example, YourFont-Bold.ttf) so each file maps to the right style. You can also set your default dark and light font colors here.

Typography controls the font family, weight, size, line height, and letter spacing for each text type: headings, body text, links, and CTAs. Click Show Advanced in the top right of the panel to access line height and letter spacing controls. Tighter line height (around 1.2) works well for headlines; more open line height (around 1.5) improves readability for body text.

CTA lets you customize your Primary, Secondary, and Tertiary button styles separately. For each button type you can control text color, font weight and size, padding, border radius, and letter spacing. A border radius of 0 gives sharp square buttons, 12px gives soft corners, and 50px or more creates a pill shape.

Importing a Brand

To create a new brand, click Create Theme and enter the URL of the page you want to import. Mutiny will scrape the page and pull in colors, fonts, typography, and button styles automatically. Product and solution pages tend to work well since they usually have a clear sample of your design system. If the site uses a firewall that blocks scraping, you can build the brand manually by entering values directly.

After importing, review each section to confirm everything looks right. Check that your heading hierarchy makes sense (H1 largest, followed by H2, H3, and so on) and that text colors have enough contrast to be readable.

Managing Multiple Brands

To duplicate, delete, or set a brand as default, click the three-dot menu in the bottom right of the brand card. To rename a brand, click into it and use the three-dot menu in the top right.

The default brand is what Mutiny uses automatically when you create a new asset, so make sure your primary design system is set as default. Any changes made to a brand will automatically propagate to assets that use it.