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.