Update Styles to Match Your Branding

Update colors

In Framer, the Assets panel stores all the components and styles used across your site. To quickly update the site with your brand colors:

  1. Open the Assets panel

  2. Navigate to Color under the Styles section

  3. Update the “Main” colors with your brand colors. All elements connected to these styles will update automatically.

Update text styles

You can also customize the typography to match your brand:

  1. Open the Assets panel

  2. Navigate to Text under the Styles section

  3. Edit the text styles as needed

    • Be aware that many text styles have breakpoints set, meaning font sizes may differ across Desktop, Tablet, and Mobile. Be sure to review and adjust styles on each breakpoint if needed.