Start here

Thank you for purchasing the Webflow Template. In this guide, we'll help you get started and familiarize yourself with how to use and customize according to your brand.
Getting started
Variables (New Feature)
Support

Getting started

If you are not very familiar with Webflow, we highly recommend you take the Webflow 101 Crash Course from Webflow University, as it will teach you all the basics to get up and running.

Variables (New Feature)

Color

Our template integrates Color Token to simplify the process of changing colors to your liking. This helps you maintain and change your brand's color easily, avoiding complexity.

Color Token Guide

Step 1: Access the Variables section on the left sidebar.

Step 2: Color Token is divided into groups: Primary, Secondary, Neutral, Additional.

Step 3: Adjust the colors based on your needs.

‍

Spacing

In addition to managing colors, we also provide variables for Page Padding, Section, Spacing, Border Radius, border width, container, Max width so you can easily adjust spaces according to your preferences in one place in the Variable panel.

Spacing Guide

Step 1: Access the Variables section and select the Spacing section.

Step 2: Adjust the values for Page Padding, Section, Spacing, Border Radius, border width, container, Max width.

Adjusting Typography

The template uses a single font for the entire website, set in the Content selector (All Pages), meaning you can easily update the font across all pages with just one click.

On any page, simply click on the orange color picker option at the top right of the Style tab, then choose Content (All Pages). After completing this, you can go to the Typography section below and change the font to any font for your brand.

If you need custom fonts or premium fonts not available on Webflow, you can always access Project Settings > Fonts, and you will be able to upload custom fonts or connect your Adobe Fonts account.

Supporting

As you can see above, is built on Webflow using the best methods to help you easily edit the template and customize it to your needs.

However, if you encounter any issues, need help, or just want to say hello, please email us at hi.mystic.lab@gmail.com — We will be happy to assist you.

Custom Design and Development

On the other hand, if you are looking for help to build a unique and personalized version or just a great website designed and developed from scratch on Webflow, please contact Our UX/UI Product Design & Development Agency. The fantastic team behind the Webflow Template can assist you.