Client-first Webflow Style System
One naming convention for every person, for every project
Why should you use Client-first?
It’s proven by many different people working on many different websites.
We use Client-first for our smallest projects and biggest enterprise builds.
Our beginner Webflow people use Client-first. Our experienced 6 year+ Webflow people use Client-first.
Everyone at Finsweet likes it, and you will too. Learn more and start using it today!
Guidelines and strategies, not strict rules
Build flexible Webflow websites that any human can understand. Make decisions based on what's best for your project.
Simple logic for creating class names
Meaningful names with a focus on organization. No abbreviations, no shorthand, no confusion. Read a class name and know what its purpose is.
Global classes for styles that should be global
Use our recommended globals. Everything else can be custom. Client-first identifies the most important global styles for power use while giving you the flexibility to build whatever you want.
Custom classes and components
A naming convention that encourages custom class creation! Stay organized with our prefix and component naming mentality.
Don't just take our word for it
Here's what the Webflow community is saying about Client-first style system.

❦ Tonette M.
@joekrug @RayTirado @thatsfinsweet It’s truly amazing what you’ve created, & so generously shared, with the @webflow community. It’s unbelievable that your Chrome extension & Client-first are FREE! Thank you!

Maitrik
One of the best thing, i think @thatsfinsweet gave to the webflow community is client-first method.

Markus Bieler
Thanks @thatsfinsweet @joekrug for Client-first. This changes my BEM approach of developing into a better way of working with Webflow. Simple and accessible for anyone.

HBIII
Built a couple of sites using the Client-First system by @thatsfinsweet and I'm completely hooked!

Max Chechel
I have implemented Client-first by @thatsfinsweet for my Webflow website and I can say, that this is an awesome system for structure Webflow projects.
.jpeg)

Marcel Deelen
Looking into @thatsfinsweet Client First system and realizing that a lot of my ways of naming CSS already matches with it. But so good to see how clean it all is. Will make me go from being like 60% okay to 100% okay when if comes to this stuff.

Joseph Berry®
To be honest my work flow is very close to what @thatsfinsweet do for client first. They have made there system truly global to all devs and clients.

Michael Collins
Great stream today @thatsfinsweet. The more I see about Client-first (https://finsweet.com/client-first) the more excited I get to use it.

John Iseghohi
I have tried a lot of style guide frameworks, @thatsfinsweet client’s first system stands out. Easy to learn, and very easy to build on top. I officially have a webflow style guide system, I can trust.

diego diaz 🔫
finally checking out client first by @thatsfinsweet
We're officially making the move to it for all future builds

Noah Raskin 🤙🏼
Shoutout to @thatsfinsweet and the folks that worked on their Client First System. You guys did an amazing job! I think it's fantastic that you guys touched on the importance of html tags and accessibility. The docs are great. Concise and clear. Great work you guys! 🙌🏼

Jesse Nieman
Woah...The Client-first Style System that @thatsfinsweet just released is about to become a best practice in @webflow development...Get on the train!

Vianney Percq
Just finished to follow and redo the #2 Client-First live build by @thatsfinsweet Definitely a game changer for #Webflow users! So useful and informative. Thanks @joekrug @RayTirado and @harshit_offcial


David Prioul
How I feel after reading the Client-first #Webflow Style System doc by @thatsfinsweet.


Merritt
Big shout out to @thatsfinsweet for their client-first design system, this is the building block that I have been patiently waiting for someone to create for two years now. Used it for the first time yesterday and it is a fundamental game changer framework for organizing projects

Dee
Made 2 projects with client first system by @thatsfinsweet and now I’m permanently shifting to their system.
Brilliantly made.

Galina
Made my first @webflow website, Used @thatsfinsweet Client-first style system to keep it organized.


Jonathan Holden
People use words like "life-changing", "game-changing" and such too easily. What I love about "Client-first" is that it's SO FUCKING OBVIOUS (it's also obvious how much blood, sweat and tears went in to making it, thanks.)

Alex Lathery
Been exploring the @thatsfinsweet client first building system lately.
I was blown away by how consistent the system is, and it has made my sites so much more systematized and navigateable.

SIDE Labs
Checked this out at the weekend. Looks promising. V comprehensive. Will be trialling it for our next couple of @Webflow builds – https://finsweet.com/client-first/ - thank you @thatsfinsweet