Instructions

Customizing Colors

This template uses Webflow’s Variables feature, making it easy to update colors site-wide.To change a color:

Open the Variables panel.

Select the color variable you want to modify.

Make your changes, and they will automatically apply throughout the site.

Changing Fonts

To update fonts:

Go to Site Settings > Fonts.

You can upload custom fonts or choose from Google Fonts to match your brand style.

Interactions

To edit animations:

Open the Navigator panel.

Select the section that contains the animation.

Go to the Interactions tab to modify or replace the animation as needed.

Nav Link item and Footer Widget item also use GSAP hover Intersection

Note: Some elements may be set to visibility: hidden, display: none, or opacity: 0. To edit these, simply change their visibility in the Style panel to reveal them.

Gsap Interactions

Nav Link item and Footer Widget item also use GSAP hover Intersection

Template Support

Need help? We’re here for you!
Contact us through Webflow Support and we’ll respond promptly to assist with your questions.