Template Walkthrough | Client-First Style-System for Webflow
14.3 هزار بار بازدید -
3 سال پیش
-
In this video, we dive
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
3 سال پیش
در تاریخ 1400/05/26 منتشر شده
است.
14,323
بـار بازدید شده