Intro to productivity

In this lesson, we'll walk through the productivity benefits of using the Client-first Webflow Style System by Finsweet. Client-first resources include a style guide and a ton of global classes to help you get started. The class naming is super intuitive and easy to learn; This is especially useful while collaborating or handing off projects to other Webflow devs.

TIMESTAMPS:

00:00 - Intro
00:44 - Live Example
02:59 - Thank You

CLIENT-FIRST STYLE SYSTEM: This is @Finsweet’s CSS naming convention in @Webflow for any person and any project. Client-first is a set of guidelines and strategies to help you build Webflow websites in a clear, organized, and scalable way that any human can understand.

See all videos from the playlist: https://www.youtube.com/playlist?list...

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

// RESOURCES FROM THE VIDEO

Client-first style system: https://www.finsweet.com/client-first
Client-first official starter project: https://www.finsweet.com/client-first...
Client-first templates & wireframes: 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!! 🙌 Join our community at https://finsweet.com/subscribe to supercharge your Webflow skills! 🔥

Intro to productivity

Learn the productivity benefits of using the Client-first Webflow Style System by Finsweet.

In this lesson, we'll walk through the productivity benefits of using the Client-first Webflow Style System by Finsweet. Client-first resources include a style guide and a ton of global classes to help you get started. The class naming is super intuitive and easy to learn; This is especially useful while collaborating or handing off projects to other Webflow devs.

TIMESTAMPS:

00:00 - Intro
00:44 - Live Example
02:59 - Thank You

CLIENT-FIRST STYLE SYSTEM: This is @Finsweet’s CSS naming convention in @Webflow for any person and any project. Client-first is a set of guidelines and strategies to help you build Webflow websites in a clear, organized, and scalable way that any human can understand.

See all videos from the playlist: https://www.youtube.com/playlist?list...

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

// RESOURCES FROM THE VIDEO

Client-first style system: https://www.finsweet.com/client-first
Client-first official starter project: https://www.finsweet.com/client-first...
Client-first templates & wireframes: 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!! 🙌 Join our community at https://finsweet.com/subscribe to supercharge your Webflow skills! 🔥

Get Figma file

Duplicate this template on Figma.com.

Get Figma file

Subscribe to Youtube

Get notified with our weekly educational live streams!

Subscribe now

Build your next project with Client-first