Template Walkthrough | Client-First Style-System for Webflow

In this video, we dive deep into the Client-First template and see how Client-First is used in this real-world example. We’re going to get a really good understanding of how to use our component naming, our custom class naming, and how it all comes together for a very clear and organized site. The template is cloneable and is available in our resource center for the clone. The template is a nice, beautiful, clear web design and it is absolutely free. TIMESTAMPS: 00:08 - Introduction 00:51 - Designer overview 01:44 - The core structure overview 03:58 - Section-home-header overview 16:26 - Section-home-stats overview 22:20 - Section-features overview 26:27 - Section-home-service overview 28:35 - Section-process overview 33:28 - Section-home-review overview 35:33 - Section-home-blog overview 37:40 - Section-newsletter overview 42:25 - Footer overview 42:51 - Summary Client-First Style-System for ‪@Webflow‬: One naming convention for every person, for every project. See all videos from the playlist:    • Client-First Live Builds   ----------------------------------------------- // RESOURCES FROM THE VIDEO Client-first style system: www.finsweet.com/client-first/docs/intro Client-first resources: www.finsweet.com/client-first/resources/ Subscribe to Finsweet: youtube.com/c/Finsweet?sub_confirmation=1 ----------------------------------------------- // ABOUT US We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way! 🙌 Join our community - finsweet.com/fin-pro 🛍 Shop our merch store - finsweet.com/merch 💪 Superpowers for your Webflow website - finsweet.com/attributes 🧰 Your toolkit for Webflow - finsweet.com/extension ----------------------------------------------- // SOCIAL Facebook: www.facebook.com/thatsfinsweet/ Twitter: twitter.com/thatsfinsweet Instagram: www.instagram.com/thatsfinsweet/ Dribbble: dribbble.com/thatsfinsweet Behance: www.behance.net/thatsfinsweet/ Webflow: webflow.com/team/Finsweet/ ----------------------------------------------- // TAGS #Webflow #Design #System ----------------------------------------------- Thanks for your suppor

• #education
• #webflow