Finsweet releases Client-First V2!

Documentation
March 20, 2023
3 min
Client-First V2
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

Abstract glowing visual with yellow and orange gradients, featuring the text “AI & DESIGN 2025” in the center, suggesting a theme focused on artificial intelligence and design in 2025.
Documentation
AI

How AI is transforming the Designer’s Role in 2025 (and why you won't be replaced)

How AI is transforming the Designer’s Role in 2025 (and why you won't be replaced)
Screenshot of the Webflow Partner directory showcasing several agencies: Digidop, Finsweet, Flow Ninja, and Simon Lampert. The blue background features the Webflow Partner logo on the left, while partner cards display their status, starting price, awards, and preview of delivered websites.
Documentation
Webflow

The Webflow Partner Program

The Webflow Partner Program
Agentic AI vs. Generative AI
Documentation
AI

Agentic AI vs. Generative AI: Key Differences and Real-World Applications

Agentic AI vs. Generative AI: Key Differences and Real-World Applications

Want to turn your website into your most valuable asset?

Contact us today