Welcome to your new Webflow Site. This project is built using the latest Webflow Variables and Client-First principles, meaning you can easily update the entire look and feel of your website in just a few clicks without writing code.
Quick Tip: Before editing individual pages, we recommend setting up your brand colors and fonts in the Variables panel. This will update the design site-wide instantly.
Let's get started with customizing the visual style of the project to match your brand.
This project uses a global color system. Instead of editing colors element by element, you can change them all at once.
brand-primary) and change it to your brand color.Once you save, every button, link, and accent on the website will automatically update to your new color.
The typography is also controlled globally using Variables. You can switch the font family for the entire site in seconds.
Note: If you need a custom font that isn't in the list, go to Project Settings > Fonts to upload your font file or connect Adobe Fonts first.
Some visual elements in this template are static images (SVG, PNG, or JPG). Updating the Color Variables will not affect these images.
If you want to change the color of an icon or replace a graphic, you can upload your own assets directly into the image element settings.
There are generally three types of content you will edit on this website:
Static content refers to standard pages like "Home," "About," or "Contact." These elements are not connected to a database.
To edit them, simply double-click on any text or image on the canvas and start typing. You can identify static elements by their blue border when hovered.
Dynamic content (like Blog Posts, Team Members, or Projects) is managed through the Webflow CMS.
Changes made here will automatically populate the design on the relevant pages.
If your template includes a store, products are managed similarly to CMS content.
This template may include animations (like fade-ins or scroll effects). Elements with active interactions are marked with a small "lightning bolt" icon in the Navigator.
To edit an animation, select the element and go to the Interactions tab in the right sidebar (top right corner).
We have optimized this template for all devices using a responsive variable system. However, if you add new sections or make significant layout changes, always check the Viewport controls at the top of the Designer.
Don't forget to set up your SEO before publishing. Go to the Pages tab, click the "gear" icon next to a page, and update the Title Tag and Meta Description. This controls how your site appears on Google and when shared on social media.
This template was designed to be easily customizable using Webflow's best practices. However, if you run into any issues or have questions about the template, we are here to help!
Feel free to reach out to us at: contact@florentseva.com
Need a completely unique website or advanced functionality? We offer custom design and development services tailored to your specific needs. Get in touch via email to discuss your project.