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

Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.
Documentation
AI

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers
Florian Bodelot and Thomas Labonne from Digidop in front of a Webflow Conf 2026 visual announcing their trip to Boston.
Events
Webflow

Webflow Conf 2026: A Particularly Anticipated Edition

Webflow Conf 2026: A Particularly Anticipated Edition
Historical fund performance chart on an asset management company fund page
Documentation
Development

Fund Pages: How to Structure an Asset Management Company’s Fund Range on its Website

Fund Pages: How to Structure an Asset Management Company’s Fund Range on its Website
Every great website  
starts with a conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.