Client-First (Finsweet)

Qu'est-ce que Client-First ?

Client-First est une convention de nommage CSS, un système de style et une stratégie de build pour Webflow, créé et maintenu par Finsweet. Il fournit un ensemble de directives standardisées pour organiser les classes, structurer les mises en page, gérer l'espacement et la typographie — afin que tout développeur ou client puisse comprendre et maintenir un projet Webflow.

Principes fondamentaux de Client-First

Client-First repose sur la clarté et la transférabilité. Les noms de classes sont descriptifs et lisibles — pas d'abréviations ni de raccourcis cryptiques. Le système distingue les classes personnalisées (spécifiques à un composant, préfixées par un underscore) des classes utilitaires (réutilisables dans tout le projet, comme les helpers d'espacement et de couleur). Une structure de base standardisée — avec sections, conteneurs et wrappers de composants — assure la cohérence entre les pages. Client-First impose également le dimensionnement en rem pour l'accessibilité, permettant aux mises en page de s'adapter correctement aux paramètres de taille de police du navigateur.

Client-First dans l'écosystème Webflow

Client-First est devenu l'un des frameworks les plus adoptés dans la communauté Webflow. Il alimente la bibliothèque de composants Relume, fait partie du programme de certification officiel de Finsweet, et est documenté dans plus de douze langues. De nombreuses agences et freelances l'utilisent comme point de départ par défaut pour leurs nouveaux projets.

Pourquoi Client-First compte

Un projet Webflow bien structuré réduit les coûts de maintenance, accélère l'intégration de nouveaux développeurs et permet aux clients non techniques de gérer leur propre contenu. Client-First a été conçu pour résoudre exactement ces défis, en faisant un outil fondamental du développement Webflow professionnel.