User Guide

Instructions

Here you can find instructions on how to use the template. Just follow the steps to set up your site easily.

How to start

For the best experience, we recommend starting with a short Webflow course or exploring . It’s a free learning resource with quick tutorials that will help you understand the basics of Webflow. Even a short introduction will make it easier to customize this template. This way, you’ll feel more confident making edits and launching your website.

Font setup

To change fonts in Webflow, go to the Style Guide page. Click on a text element, open the Style Panel on the right, and under typography choose the font you want. You can also upload a custom font in project settings. Changes made on the Style Guide will update all pages automatically, so you don’t need to edit text styles one by one.

Color setup

To change colors in Webflow, go to the Style Guide page. Select the element you want to update, open the Style Panel on the right, and under the color settings choose a new color. You can update text, background, borders, or buttons this way. Any changes made on the Style Guide will apply across the entire site, so you don’t need to edit each page individually.

Image setup

To set up or replace images in Webflow, select the image element on the page. In the Settings Panel on the right, click “Choose Image” to upload a new file from your computer or select one from your Webflow Assets. You can also adjust image size, alt text, and positioning in the Style Panel. Any changes will update the image wherever it appears on that page or inside symbols/components if used globally.

Notice

For the best quality and scalability, it is recommended to use your logo as an SVG file. This ensures the logo stays sharp on all screen sizes and does not lose quality when resized. Avoid using PNG or JPG for logos if possible.
To improve website performance and reduce loading times, it is recommended to convert all images to WebP format before uploading. WebP files are smaller in size but maintain high visual quality. Standard formats like JPG or PNG can still be used, but WebP is preferred for speed and efficiency.