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: https://www.finsweet.com/client-first...
Client-first resources: https://www.finsweet.com/client-first...
Subscribe to Finsweet: https://www.youtube.com/c/Finsweet?su...

-----------------------------------------------

// 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 - https://finsweet.com/fin-pro
🛍 Shop our merch store - https://finsweet.com/merch
💪 Superpowers for your Webflow website - https://finsweet.com/attributes
🧰 Your toolkit for Webflow - https://finsweet.com/extension

-----------------------------------------------

// SOCIAL

Facebook:   / thatsfinsweet  
Twitter:   / thatsfinsweet  
Instagram:   / thatsfinsweet  
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/

-----------------------------------------------

// TAGS

#Webflow #Design #System

-----------------------------------------------

Thanks for your support! 🤟