Every colour, font size, spacing value and radius lives in Variables (Colors, Typography, Spacings). Change one variable and the whole site follows. Section spacing uses Layout variables with tablet and mobile modes, so pages stay balanced on any screen.
All animation is built with Webflow Motion design (GSAP). On the Home page, look for Scroll Interaction in the Motion design panel and adjust the timing there. The Pricing page uses FAQ Interaction — find it in the Motion design panel and adjust its timing there.
Custom data attributes, added through the Webflow Settings panel, control this effect. Elements reveal smoothly as they scroll into the viewport. Each chosen element begins hidden and appears gracefully as the user moves down the page. The effect runs once per element, keeping the browsing experience smooth.
To switch the font family, open the Variables panel and pick the font family you want to change.
Navbar, Footer and Button are components — edit one and every page updates. The Button comes in Primary and Secondary.
We’re glad to help! Contact us through the Webflow Template Support page and we’ll reply soon.
To start building your site, duplicate the Starter page then edit it, or pull in sections from other pages.
