←  Alle Begriffe
C
Webflow

Client-First

Client-First ist ein Webflow-Benennungssystem von Finsweet für nachvollziehbare Klassen, wiederverwendbare Strukturen und skalierbare Projekte.

Client-First ist ein Webflow-Benennungssystem von Finsweet für nachvollziehbare Klassen, wiederverwendbare Strukturen und skalierbare Projekte. In Webflow sollte die Lösung CMS-Struktur, Komponenten, Berechtigungen und die spätere redaktionelle Pflege gemeinsam berücksichtigen. Eng verbunden ist der Begriff mit CSS und Design System.

Weiterlesen

CSS

Design System

Styleguide

Komponente

FAQ

Client-First

Ersetzt Client-First ein Design System in Webflow?
Nein, beide lösen unterschiedliche Aufgaben. Ein Design System legt Farben, Typografie, Abstände und Komponenten fest, Client-First regelt Benennung und Struktur der Klassen. Zusammen sorgen sie für Konsistenz in Gestaltung und Code. Ohne Design System bleibt Client-First ein reines Ordnungsprinzip ohne verbindliche Gestaltungsregeln.
Welche typischen Fehler entstehen bei der Arbeit mit Client-First?
Häufig entstehen Mischformen: eigene Klassennamen neben dem System, Styles an Kombinationsklassen statt an Utilities und unklare Zuständigkeiten für Änderungen. Das Ergebnis ist ein Klassenbestand, den weder Konvention noch Team erklärt. Ein kurzer Styleguide und regelmäßiges Aufräumen verhindern, dass das System zur bloßen Fassade wird.
Worin unterscheidet sich Client-First von BEM?
BEM benennt Klassen nach Block, Element und Modifier und stammt aus der klassischen Frontend-Entwicklung. Client-First ist auf die Arbeitsweise in Webflow zugeschnitten und gibt feste Konventionen für Abschnitte, Container und Utility-Klassen vor. Beide Ansätze sichern Lesbarkeit; entscheidend ist, dass ein Team konsequent nur eine Konvention verwendet.
Wann lohnt sich Client-First in einem Webflow-Projekt?
Client-First lohnt sich, sobald mehrere Personen an einem Projekt arbeiten oder eine Website über Jahre gepflegt wird. Einheitliche Klassennamen machen Strukturen für neue Teammitglieder lesbar. Bei einer einzelnen Landingpage ohne Nachpflege überwiegt dagegen der Einarbeitungsaufwand, weil das System Disziplin bei jeder Klasse und jedem Element verlangt.