Instructions

A concise guide to help you understand, configure, and use the product smoothly.

1. Webflow

If you're new to Webflow, take a look at this Webflow 101 Crash Course to understand the basics and essentials.

2. Customization

To make color, fonts and style modifications easier and quicker, this Template utilizes Webflow variables feature.

3. Style Guide

This template utilizes components and variables feature in Webflow - this means the style and feel of this template can be changed easily, with just a few clicks.

4. SVG

Icons in this template are custom made, SVG code embedded elements. If you want to change their size, select one of them and simply change the Height Width Icons in this template are custom made, SVG code embedded elements.

5. How to Adjust the Counter in Your Webflow Template

  • This counter script runs on any element with a data-count attribute.
  • You’ll usually see this attribute in the Webflow Designer on the counter elements (like “Projects Completed” or “Happy Clients”).

This template includes Lenis for smooth scroll. You may safely edit only the values mentioned below. Do not change the structure unless you are comfortable editing JavaScript.

What it does

  • Lenis provides smooth scrolling across the site.

Editable setting

  • Scroll smoothness: lerp: 0.1

How to adjust:

  • 0.05 = very smooth / floaty
  • 0.10 = balanced (default)
  • 0.15–0.20 = faster / less smooth

To disable:

  • Comment out the scroll listener line.

Removing Lenis completely (safe)

  • Remove or comment out the Lenis script CDN.
  • Remove or comment out the Lenis initialization and RAF loop.

Result: normal browser scrolling will be restored without breaking layout.

6. Still Confused?

If you still have any confusion or need clarification on anything, feel free to reach out to us directly. You can contact us via email at hellodeenmik@gmail.com.We’re happy to help!