On this page you can find brief instructions on how to use this template.

Getting Started

Liberto is a custom-built Webflow template designed to cater to the unique needs of law firms and legal professionals. It's user-friendly and highly customizable, enhancing your service presentation and client engagement. The design utilizes VW and EM units for easy understanding and modifications. All colors are represented through swatches, ensuring that any change made is reflected consistently across the entire website, streamlining design modifications.

If you're new to Webflow, we highly recommend visiting Webflow University. This resource provides valuable guidance on designing and editing your new website, ensuring a seamless and successful journey with Webflow and your new Liberto template.

Using SVG embeded icons

We predominantly use SVG icons embedded as HTML code. This approach enables easy styling via Webflow's Style (S) panel - for instance, changing an icon's color, which is not possible with images. If you wish to change an icon, source an appropriate SVG icon (websites like can be useful).

After downloading the icon, open it in a text editor to access the code. Copy this code and paste it into 'Embed' element. Ensure the color isn't pre-defined in the code. The fill and outline attributes should read 'currentColor'."

"currentColor" means you can choose the color in Style (S) panel

"currentColor" means you can choose the color in Style (S) panel

Using Lottie animations

We utilize Lottie animations for preloader and menu button elements. Note that changes in swatch colors won't affect these elements. If you prefer a different color or even a new animation, is a great place to pick a replacement. This site also provides a free editor to modify the color of your chosen animation.

If you have any queries about the template, please don't hesitate to reach out to us directly at We are here to assist and would be delighted to help.