Finsweet releases Client-First V2!

Documentation
3 min
Published on Mar 20, 2023
Updated on
Client-First V2
Use AI to summarize this article
Key points

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, V2 of Client-First includes:

  • A new integrated technology (Folder),
  • Additional explanations,
  • An optimization of the usage and naming of certain classes: custom classes, utility classes, and global classes,
  • A new version for the Cloneable Style Guide,
  • A new spacing system for the padding of sections,
  • Heading style: standardization of heading sizes to find the perfect balance between design and SEO,
  • Introduction of a new class: the class <inlineflex> (a mix between a flexbox and the inline feature, not native in the Webflow designer),
  • Client-first becomes Client-First (capital F)
Client-First starter project template

Discover the basic structure of Client-First sections!

New feature: folders

The first version of Client-First already allowed for a comprehensive and organized structure in your Webflow site. But today, you can go even further with folders. Folders let you visually organize your classes into large categories and much more.

What are the benefits of using Folders? An even better-organized Webflow site!

Learn more about Client-First Folders in this article by Thibaut.

How to transform a Client-first V1 site into Client-First V2?

Check out the live build video by Joe Krug on Finsweet's YouTube channel.

⚠️ Depending on the size of your site, migrating classes can be a significant task. The first version of Client-first is still a relevant method.

Therefore, it is not necessarily essential to consider a redesign from V1 to V2, but rather to change your future habits!

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Promotional graphic for Webflow Conf 2026 featuring Lucas Clairet as a finalist for the Developer of the Year award. His black-and-white portrait is set against a vibrant abstract background with blue, orange, green, and pink textures, creating a bold, modern visual identity. The vertical Webflow Conf ’26 branding appears on the left, while his name and the title “Finalist – Developer of the Year” are displayed in a black panel.
News
Webflow

Lucas Clairet named Finalist for Webflow Awards 2026 – Developer of the Year

Lucas Clairet named Finalist for Webflow Awards 2026 – Developer of the Year
Overview of Webflow AEO combining AI recommendations, analytics, prompt tracking, and SEO optimizations within a single interface.
Documentation
Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow

Webflow AEO: Answer Engine Optimization built directly into Webflow
Website redesign brief document titled "Brief" on a dark blue background
Documentation

Brief, specifications and RFP: scoping your website redesign and choosing the right agency

Brief, specifications and RFP: scoping your website redesign and choosing the right agency

Want to turn your website into your most valuable asset?

Contact us today