Finsweet officially unveils version 2 of its class naming methodology for webflow: Client-First
Finsweet unveils the new version of Client-First. Client-first becomes Client-First V2!
What are the differences between V1 and V2?
In broad terms, Client-First V2 is :
- A new integrated technology (Folder),
- Additional explanations,
- Optimization of the use and naming of certain classes: custom classes, utility classes and global classes,
- A new version of the Style Guide Cloneable,
- A new spacing system for the inner margins of the sections
- Heading style: standardization of heading sizes to find the perfect balance between design and SEO
- Sortie d'une nouvelle classe : la classe <inlineflex> (un mix entre une flexbox et la features inline, non natif dans le designer de Webflow)
- Client-first becomes Client-First (capital F)
Find the basic structure of the Client-First sections!
New feature: folders
The first version of Client-First already allowed you to maintain a global and extremely comprehensive organization in your Webflow site. But now you can go even further with folders. Folders allow you to visually organize your classes into broad categories and much more.
The benefits of using Folders? An even tidier Webflow site!
Learn more about Client-First Folders with this article by Thibaut
How to transform a Client-First V1 site into a Client-First V2?
Discover Joe Krug's live build video on Finsweet's Youtube channel
⚠️ Depending on the size of your site, migrating classes can be a substantial undertaking. The first version of Client-first is obviously still a current method.
So you don't necessarily need to consider a redesign from V1 to V2, but rather change your future habits!
.jpg)
